角度2+ ngOnInit（）ルータが自身から（新しいクエリのparams付き）現在のルートに私のhome.component.tsで

Question

を移動した場合に呼び出されていない、私のngOnInit：

ngOnInit() { 
     console.log("ngoninitcalled"); 
     this.activatedRoute.queryParams.subscribe((params:Params) => { 
     let refresh = params['refresh']; 
     if(refresh){ 
      // do something refreshing 
     } 

} 

そして、ここでは私のcustomFunction

です

customFunction(email: string, username:string) { 
     // do something custom 
     this.router.navigate([''],{queryParams: {refresh:true}});  
} 

''ルートは、home.component.tsまたはHomeComponent（上にあるスニペット）にリダイレクトされます。

コンソールログを確認すると、HomeComponentが（this.router.navigate([''], {queryParams: {refresh:true}}経由で）他のコンポーネントからrefresh paramで呼び出されたとき、ngOnInit（）が呼び出されることがわかります。しかし、HomeComponent自体から呼び出された場合（上記のコードのように）、ngOnInit（）は呼び出されません。

だから、予想される動作であり、私は安全に（HomeComponent自体からにリダイレクトされている場合ngOnInitが呼び出されることはありませんと仮定して）手動でngOnInit()を呼び出すために私のカスタム関数でrouter.navigate後this.ngOnInit()を呼び出すことができますか？

Answer 1

異なるパラメータを持つ同じ構成要素に移動するときngOnInitが呼び出されないことを予想される動作です。

しかし、あなたはないコールを手動でngOnInit必要があります。

サブスクリプションは、パラメータが変更されるたびに通知されます。そのため、subscribeメソッド内のコードは毎回実行されます。 ngOnInitを呼び出す必要はありません。

は購読以内にあなたにconsole.logを移動して、それを試してみてください。