角度：ビューに変更が加えられた場合はルート変更を防止します

Question

フォームにビュー（角度）がある場合。ユーザーがそこから離れようとすると、確認メッセージが表示されます。どうやってやるの？

Answer 1

あなたは

import {Injectable, Inject} from '@angular/core'; 
 
import { CanDeactivate } from '@angular/router'; 
 
import {ViewthatyouwantGuard} from './path to your view'; 
 

 
@Injectable() 
 
export class ConfirmDeactivateGuard implements CanDeactivate<ViewthatyouwantGuard> { 
 
    
 
    canDeactivate(target: ViewthatyouwantGuard) { 
 
     if (target.hasChanges) { 
 
      return window.confirm('Do you really want to cancel?'); 
 
     } 
 
     return true; 
 
    } 
 

 
} 
 

 
//hasChanges - function in 'ViewthatyouwantGuard' which will return true or false based on unsaved changes 
 

 
and in your routing file provide root like 
 

 
{path:'rootPath/', component: ViewthatyouwantGuard, canDeactivate:[ConfirmDeactivateGuard]},

Answer 2

CanDeactivateを使用できます。 canDeactivateにアクセス可能なサービスにステータスを渡す必要があります。