1

我正在开发一个应用程序，我在其中配置了路由器插座，如下所示

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

所以当我点击第一个链接，即dashboard/1 时，页面会更新。当我单击第二个链接 dashboard/2 时，页面 URL 已更新，但视图未更新。但是当我进行刷新时，它正在更新。

我的Dashboardcomponent.html如下

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

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

我的仪表板组件.ts

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

在这里，我在我的视图中创建了两个锚点。获得 id 后，我会将其传递给 API 以获取小工具和数据及其列位置。我遍历小工具并将它们添加到锚点。

4

1 回答 1

2

在您的下面尝试DashboardComponent，

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

希望这可以帮助！！

于 2017-04-17T17:03:13.103 回答