訂閱基於路線導航中角2數據變化

Question

假設我有以下路線：

[ 
    { 
     path: 'view', 
     children: [ 
      { 

       path: ':id', 
       component: CustomerViewComponent, 
       resolve: { 
        customerViewData: CustomerResolve, 
        edit: ViewRouteResolve // Returns false 
       }, 
       data: { 
        other: false 
       }, 
       children: [ 
        { 
         path: 'edit', 
         resolve: { 
          edit: EditRouteResolve // Returns true 
         }, 
         data: { 
          other: true 
         } 
        }, 
        { 
         path: '', 
         data: { 
          other: false 
         } 
        } 
       ] 
      } 
     ] 
    }, 
    { path: '', component: CustomerListComponent } 
] 

我想使用CustomerViewComponent爲/視圖/和/視圖/ 1 /編輯

的問題是我無法在我的組件中捕獲這些數據更改。我曾嘗試與resolve或data，我不能捕獲任何變化......如預期

此代碼將不會觸發：

this.route.data.subscribe(m => { 
    debugger; // Triggers only once the view loads, then never again 
}); 

// This triggers quite often, but the data is always stale. 
this.router.events.subscribe(m => { 
    console.log(this.route.snapshot.data['edit']); 
    console.log(this.route.snapshot.data['other']); 
    debugger; 
}); 

難道這是一個錯誤？我唯一的解決辦法是看事件NavigationEnd和分析的.url字符串屬性...

Answer 1

會轉而使用ActivatedRoute從@angular/router

this.activatedRoute.params.subscribe(params => { 
    console.log(params['edit']); 
    console.log(params['other']); 
});