जब उपयोगकर्ता पेज बंद कर रहा है या छोड़ रहा है तो मैं पॉपअप कैसे दिखाऊं?

पॉपअप दिखाएं जब उपयोगकर्ता माउस को तेजी से ऊपर की ओर ले जा रहा हो और पेज को बंद करने और छोड़ने की कोशिश कर रहा हो।

0
Malapati Suresh 7 नवम्बर 2019, 12:20

1 उत्तर

सबसे बढ़िया उत्तर

एक उदाहरण लेते हुए SaveUserComponent, इस प्रकार प्रयास करें:

निष्क्रिय गार्ड सेवा :

export interface CanComponentDeactivate {
  canDeactivate: () => Observable<boolean> | Promise<boolean> | boolean;
}

@Injectable({
    providedIn: 'root'
})
export class DeactivateGuardService implements  CanDeactivate<CanComponentDeactivate>{

  canDeactivate(component: CanComponentDeactivate) {
    return component.canDeactivate ? component.canDeactivate() : true;
  }
}

मार्ग:

{ path: 'users/Add', component: SaveUserComponent,canDeactivate: [DeactivateGuardService] },

सेवयूजरकंपोनेंट:

 canDeactivate(): Observable<boolean> | boolean {

    if (this.userForm.dirty) {

      alert('Discard Unsaved Changes?');
    }
    return true;
 }

व्याख्या:

रूट कॉल में canDeactivate: [DeactivateGuardService] जोड़ना DeactivateGuardService हर बार जब आप किसी अन्य रूट पर नेविगेट करना चाहते हैं या ब्राउज़र बंद करना चाहते हैं।

सेवा कॉल component.canDeactivate() यानी canDeactivate() दिए गए घटक के कार्य

यहां आप फॉर्म गंदा होने या कुछ और होने पर अलर्ट दिखाने का लॉजिक लिख सकते हैं।

1
Adrita Sharma 11 नवम्बर 2019, 17:19