Implementing guard preventing loss data

Save change on edit profile.

Subiton/src/app/_guards/prevent-unsaved-changes.guard.ts

@@ -0,0 +1,13 @@
+import { CanDeactivate } from '@angular/router';
+import { UserEditComponent } from '../users/user-edit/user-edit.component';
+
+export class PreventUnsavedChanges implements CanDeactivate<UserEditComponent> {
+
+  canDeactivate(component: UserEditComponent) {
+    if (component.editForm.dirty) {
+      return confirm('You have unsaved changes. Are you sure?');
+    }
+    return true;
+  }
+
+}