Question

我有<router-outlet></router-outlet>

的主/详细视图设置

在我的详细信息视图组件中，我有另一个子组件，它具有基于我从新的详细信息视图数据获得的数据的单向绑定。

这是我的主视图

<div *ngFor="let rs of resources">
    {{rs.name}}
    <a [routerLink]="['id', rs.id]">details</a>

</div>
<router-outlet></router-outlet>

这是我的详细视图

<div>
    {{resource.id}}
    <sub-detail [resource]="resource"></sub-details>
</div>

它在加载时工作一次但当我导航到另一个细节视图时，该子组件保持不变。它不会被破坏，也没有新数据，并且存在来自最后一个详细视图状态的数据。

如何在路由器插座的详细视图中更新子组件？

{
        path: 'master',
        component: MasterComponent,
        children:[
            {
                path:':id',
                component:DetailView,
            }
        ]
},

Answer 1

创建一个* ngFor循环内部将以您描述的方式打破路由器

角4子组件不破坏详细视图

1 个答案: