/Javascript/AngularJS/Warn user before leaving page angular

Warn user before leaving page angular

import { CanDeactivate } from '@angular/router';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs/Observable';

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

@Injectable()
export class PendingChangesGuard implements CanDeactivate<ComponentCanDeactivate> {
  canDeactivate(component: ComponentCanDeactivate): boolean | Observable<boolean> {
    // if there are no pending changes, just allow deactivation; else confirm first
    return component.canDeactivate() ?
      true :
      // NOTE: this warning message will only be shown when navigating elsewhere within your angular app;
      // when navigating away from your angular app, the browser will show a generic warning message
      // see http://stackoverflow.com/a/42207299/7307355
      confirm('WARNING: You have unsaved changes. Press Cancel to go back and save these changes, or OK to lose these changes.');
  }
}

Source: stackoverflow.com

Similar codes

0 vote307 views1 answer
Angular turn text into input
Javascript AngularJS
4 votes295 views2 answers
Angular delete from array by name
Javascript AngularJS
5 votes279 views1 answer
Experimental support for decorators is a feature that is subject to change in a future release. Set the 'experimentalDecorators' option in your 'tsconfig' or 'jsconfig' to remove this warning.ts(1219) angular
Javascript AngularJS
0 vote277 views4 answers
Npm angular mobile nav
Javascript AngularJS
-2 votes260 views1 answer
Angular http get status code
Javascript AngularJS
0 vote304 views1 answer
Ng2 validations angular using reactiveforms
Javascript AngularJS
0 vote286 views1 answer
What is the difference between angular changedetection default and onpush stratergy
Javascript AngularJS
1 vote324 views1 answer
Data table in angular 8 from api
Javascript AngularJS
2 votes303 views1 answer
Angularjs 'angular' is not defined
Javascript AngularJS
0 vote305 views1 answer
Use promis with date angular
Javascript AngularJS