角2导航在具有不同数据,以显示相同的组件的不同实例(Angular 2 navigating in

2019-09-29 04:23发布

我有我的角2级的应用,这显示一个列表的简单侧面菜单classRoom ,每个教室有很多用户。

我不同的实例与之间导航routerLink

我的问题是,当我点击第一项:-class房间号码1我有没有问题,用户的名单是好的,但是当我点击类房间号2中的数据不会改变,所以显示的用户是类房间号2的用户。

我怎么能告诉角度重新渲染与新数据的组件?
有什么建议么?

更新代码示例

侧menu.component.html

<li *ngFor='let classRoom of classRooms'>
    <li>
        <a [routerLink]="['/app/users/', classRoom.name]">**Users**</a>
    </li>
    <li>....</li>
    <li>....</li>
</li>

routes.ts

....
{ path: 'app/users/:classroom', component: usersComponent},

所以,当我在“用户”链接点击,我称之为用户组件,通过航线PARAM拿到教室的名字,使一个GET请求来获取用户。

有了一流的房间没有问题,但如果我点击了“第二课堂没有变化happend的users'link。

Answer 1:

我看你加载userComponent在route.ts。 你可以尝试象下面这样:

<div class="col-md-3" *ng-for="let classRoom of classRooms">
    <a [routerLink]="['/app/users/', classRoom.name]">
       <user-component></user-component>
    </a>
</div>


Answer 2:

你routerLink需要一个终端路线

[routerLink]="['parent', 'child', query.id]"

要了解更清楚,看到这个帖子看我的问题和答案



文章来源: Angular 2 navigating in the different instances of the same component with different data to display