CanDeActivate（）在同一條路線上只運行一次

Question

我在Angular2中遇到CanDeActivate()的問題。該情景是當用戶從編輯屏幕離開頁面時，彈出窗口出現「是」，「否」和「取消」按鈕。 當用戶點擊取消按鈕時，它會關閉彈出窗口，當用戶點擊沒有按鈕時，它會關閉彈出窗口並重定向到用戶點擊導航的另一個頁面。

假設應用程序有3個模塊A，B和C.模塊C有編輯屏幕。當用戶在該頁面上編輯並且不保存用戶對模塊B的點擊時。彈出窗口隨附有是，否和取消按鈕。在取消按鈕它保持在同一頁面，但用戶再次點擊模塊B沒有發生在這裏。如果用戶點擊模塊A彈出來。

我陷入了這個問題。如果有人能幫忙，我會分享我的代碼。這將非常感激。提前致謝。

MyComponent.ts

canDeactivate:() => Observable<boolean> | Promise<boolean> | boolean =() => { 
     if (this.isEdited) { 
      this.showConfirmationModal = true; 
      this.canLeavePage.asObservable().first(); 
      return false; 
     } 
     return true; 
    } 

燦Deactivate.guard.ts

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

@Injectable() 
export class CanDeactivateGuard implements CanDeactivate<CanComponentDeactivate> { 
    canDeactivate(component: CanComponentDeactivate) { 
     let can = component.canDeactivate(); 
     if (!can) { 
      return false; 
     } 

     return true; 
    } 
} 

Answer 1

這是一個固定在2.3.0

路由器的問題：運行衛士每時間不成功導航到相同的網址一遍又一遍（＃13209）（d46b8de）

https://github.com/angular/angular/blob/master/CHANGELOG.md#230-2016-12-07