コンポーネントをナビゲートしたときにイベントをトリガする方法は？

Question

私はチャプターコンポーネントを持っている、angular2アプリケーション（RC5）を持っています。私はその後、次ためと以前の章のためのいくつかの矢印ボタンを持って

<div *ngIf="chapter == 1"> 
<!-- Chapter 1 content --> 
</div> 
<div *ngIf="chapter == 2"> 
<!-- Chapter 2 content --> 
</div> 
<!-- etc. --> 

：これを持っている - chapter.html - これは基本的に大きなテンプレートファイルを持っています。これらはイベントをトリガする。

if (this.chapter !== '6') { 
    var next = parseInt(this.chapter) + 1; 
    console.log(next); 
    let link = ['/tutorial/chapter', next]; 
    this.router.navigate(link); 
} 

すべてが正常に動作しているので、しかし、ボタンは章の一番下にあるので、それらをクリックすると、次の章が表示されますが、自動的に下にスクロールされます。したがって、ルータのクリックで、イベントをトリガしてページの上部にスクロールしたいのですが、同じコンポーネントに移動するときには、ngOnInit()はトリガされません。

どうすればいいですか？

Answer 1

同じコンポーネントに移動すると、少なくともパラメータが変更されます。変更されていないと、ルータは再ナビゲートしません。

あなたはパラメータの変更をサブスクライブして

constructor(private route:ActivatedRoute) { 
    this.route.params.forEach(p => this.doScroll()); 
} 

Answer 2

constructor(private route:ActivatedRoute) { 
    this.route.params.subscribe(params => { 
     //do your stuffs... 
    }); 
}