Question

我正在开发一个应用程序，我在其中配置了router-outlet，如下所示

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

因此，当我点击第一个链接，即仪表板/ 1时，页面会更新。当我点击第二个链接仪表板/ 2时，页面URL会更新，但视图不会更新。但是当我刷新它时会得到更新。

我的仪表板组件视图如下

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

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

我的Dashboardcomponent.ts

@ViewChild（＆＃39; coloneanchor＆＃39;，{read：ViewContainerRef}）coloneanchor：any; @ViewChild（＆＃39; coltwoanchor＆＃39;，{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以获取小工具和数据及其列位置。我遍历小工具并将它们添加到锚点。

Answer 1

在elem4，

中尝试以下操作

DashboardComponent

希望这会有所帮助!!

Angular2：如果组件相同，则路由器出口不更新页面

1 个答案: