2016-11-15 17 views
1

我有一個簡單的側邊菜單我的角2級的應用,這顯示classRoom列表,每個教室有很多用戶。角2航行在不同的數據相同成分的不同實例顯示

我使用routerLink在不同實例之間導航。

我的問題是,當我點擊第一個項目時:-class房間號碼1我沒有問題,用戶列表沒問題,但是當我點擊Class Room Number 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。

+2

沒錯,顯示代碼;-) –

+0

是,我會在幾分鐘內添加代碼例如 –

+0

不知道,但這可能會幫助你:http://stackoverflow.com/questions/39900212/in-angular-2-how-to-get-input-value-updated-inside-組件 – sebap

回答

1

我看你是裝在你的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> 
+0

我沒有classrom組件nt!我有一個classRooms對象,我用http請求獲得,然後我使用* ngFor在側邊菜單中顯示我的classRooms名稱,在每個classRooms中我想顯示usersComponent –

+0

@NacimIdjakirene:Cna你檢查我的更新答案... – Thalaivar

+0

我不能這樣做,因爲必須顯示userCOmponent不在側邊菜單中,而是在主頁面中 –

0

你routerLink需要一個終端路線

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

去了解它更清晰,看到這個帖子 see my question and answer

相關問題