ルータのNavigateは、同じページのときにngOnInitを呼び出さない

Question

同じページ上でクエリ文字列パラメータを使用してrouter.navigateを呼び出しています。この場合、ngOnInit()は呼び出しません。それはデフォルトですか、それとも何か他のものを追加する必要がありますか？

Answer 1

あなたは、ルータが唯一、それは別のルートに移動する部品を破壊し、再作成ActivatedRouteを注入し、params

constructor(route:ActivatedRoute) { 
    route.params.subscribe(val => { 
    // put the code from `ngOnInit` here 
    }); 
} 

を購読することができます。ルートパラメータまたはクエリパラメータのみが更新されてもルートは同じですが、コンポーネントは破棄されずに再作成されません。

強制的にコンポーネントを再作成する別の方法は、カスタム再利用戦略を使用することです。またAngular2 router 2.0.0 not reloading components when same url loaded with different parameters?を参照してくださいインスタンスが作成されたときに一度だけ呼び出されます

Answer 2

NgOnInit（それを実装する方法はまだ利用でき、多くの情報をがあるように思えません）。同じインスタンスの場合NgOnInitは再度呼び出されません。それを呼び出すには、作成されたインスタンスを破棄する必要があります。

Answer 3

ngOnInitのコードをngAfterViewInitに移動することを検討してください。 後者はルータのナビゲーションで呼び出されたようで、この場合はお手伝いをしてください。

Answer 4

ルーターでreuseStrategyを調整できます。

constructor(private router: Router) { 
    // override the route reuse strategy 
    this.router.routeReuseStrategy.shouldReuseRoute = function() { 
     return false; 
    }; 
}