Angular2: Router Auslass-Seite nicht aktualisiert, wenn die Komponente gleich ist

Question

ich eine Anwendung entwickle, wo ich Router-Ausgang wie unten

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

So konfiguriert haben, wenn ich auf den ersten Link dh klicken Armaturenbrett/1 die Seite aktualisiert. Wenn ich auf das zweite Link-Dashboard/2 klicke, wird die Seiten-URL aktualisiert, aber die Ansicht wird nicht aktualisiert. Aber wenn ich eine Aktualisierung mache, wird es aktualisiert.

Meine Übersicht Komponentenansicht ist als unten

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

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

My Dashboardcomponent.ts

@ViewChild ('coloneanchor', {read: ViewContainerRef}) coloneanchor: vorhanden; @ViewChild ('Coltwoanchor', {lesen: 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: 

Hier erstelle ich aus meiner Sicht zwei Ankerpunkte. Sobald ich die ID erhalte, werde ich sie an eine API übergeben, um das Gadget und die Daten und deren Spaltenposition abzurufen. Ich durchlaufe die Gadgets und füge sie zu den Ankerpunkten hinzu.

Answer 1

Versuchen Sie unten in Ihrem DashboardComponent,

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

hoffe, das hilft !!