Angularjs Angular 2使用不同的数据在同一组件的不同实例中导航

我的Angular 2应用程序中有一个简单的侧菜单，其中显示了

教室

，每个教室都有许多用户

我使用

routerLink

在不同的实例之间导航

我的问题是，当我点击第一项：-1号教室时，我没有问题，用户列表没有问题，但当我点击2号教室时，数据没有变化，因此显示的用户是2号教室的用户

如何让Angular使用新数据重新渲染组件？
有什么建议吗

更新代码示例

侧菜单.component.html

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

因此，当我单击“用户”链接时，我调用用户组件，通过route param获取教室名称，并发出get请求以获取用户

---

第一个教室没有问题，但如果我点击第二个教室的“用户”链接，就不会发生任何变化。

我看到您正在route.ts中加载

userComponent

。你能试试下面的方法吗

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

---

您的routerLink需要终端路由

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

要更清楚地理解它，请参阅本文

---

是的，显示代码；-）是的，我将在几分钟内添加代码示例不确定，但这可能会帮助您：我没有classrom组件！我有一个通过http请求得到的教室对象，然后我使用*ngFor在侧菜单中显示我的教室名称，在每个教室中我都想显示UsersComponent，但我不能这样做，因为a必须在主页中而不是侧菜单中显示userCOmponent

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