Angular2：コンポーネントが同じであれば、ルータの出口はページを更新していない

Question

私はだから私はダッシュボード/ 1ページがある最初のリンク、すなわち上でクリックしたときに、私は

{ path: 'dashboard/:id', component: DashboardComponent} 

次のようにルータ・コンセントを設定したアプリケーションを開発しています更新しました。 2番目のリンクダッシュボード/ 2をクリックすると、ページのURLは更新されますが、ビューは更新されません。しかし、リフレッシュすると更新されています。

マイダッシュボードコンポーネントビューは

<div #coloneanchor></div> 
    </div> 

<div class="col-md-6"> 
<div #coltwoanchor></div> 
</div> 

マイDashboardcomponent.ts

@ViewChild（ 'coloneanchor'、{読み取り：ViewContainerRefを}）は、以下の通りであるcoloneanchor：任意。 @ViewChild（ 'coltwoanchor'、{read：ViewContainerRef}）coltwoanchor：any;

this.route.params.subscribe(param => { 
     this.id = param["id"]; 
     this.userService.getGadgets(this.id).subscribe(gadgets => { 

switch(gadget) 

case gadget1: 
case gadget2: 

ここでは、私のビューに2つのアンカーポイントを作成しています。 IDを取得したら、APIに渡してガジェットとデータとその列の位置を取得します。ガジェットをループしてアンカーポイントに追加します。

Answer 1

は、あなたのDashboardComponentに以下このことができます

constructor(private route: ActivatedRoute){} 
    ngOnInit(){ 
    this.route.params.subscribe(param => { 
     let id = param["id"]; 
     /// reload grid and charts...   
    }) 
    } 

希望をお試しください！