Angular2: розетка маршрутизатора не обновляет страницу, если компонент такой же

Question

Я разрабатываю приложение, в котором я настроил роутер-розетку, как показано ниже

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

Поэтому, когда я нажимаю на первую ссылку, т.е. панель инструментов /1, страница обновляется. Когда я нажимаю на вторую ссылку dashboard/2, URL страницы обновляется, но представление не обновляется. Но когда я делаю обновление, оно обновляется.

Мой компонент Dashboard выглядит так, как показано ниже

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

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

Мой Dashboardcomponent.ts

@ViewChild ('coloneanchor', {read: 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:

Здесь я создаю две опорные точки на мой взгляд. Как только я получу идентификатор, я передам его API, чтобы получить гаджет и данные, а также местоположение столбца. Я перебираю гаджеты и добавляю их в опорные точки.

Answer 1

Попробуйте ниже в вашем DashboardComponent,

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

Надеюсь это поможет!!