2017-02-24 33 views
0

我使用的UI的路由器NG2在多用戶界面視圖配置,與主列表組件和一個孩子的細節部分。多個視圖(主 - 兒童)UI-路由器NG2和組件刷新

let state = { name: 'hello', url: '/',
views: { 'dashboard': { component: DashboardComponent }, 'detail': { component: DetailComponent } }, params: { "dashboard-selected": 0, "detail-selected": 0 }, ... }

https://plnkr.co/edit/OKCOrdrlm8edDNEUXzDw?p=preview

這是一個非常有趣的練習。看到這個笨蛋。

當Dashboard組件(主視圖)加載時 - 它獲取數據列表。我用setTimeout(...,2000)來模擬這個。然後它填充一個列表。

當不同的項目在列表中選擇,我把ID爲儀表板選擇的UI-PARAM。 (嘗試點擊圍繞在主視圖中的鏈接)以下

這被髮送到DetailComponent(子視圖)。

子視圖有幾個項目,以及,我選擇它們,我的ID存儲到細節的選擇的UI-PARAM。 (嘗試點擊子視圖上的鏈接)

一切似乎都不錯。

問題是主視圖上的數據獲取。看,我不想刷新對象。但是,即使儀表板選定的屬性沒有改變,但UI路由器似乎正在重新創建該組件,每次我在子組件中選擇某個組件時都會重新創建該組件。

我不知道我在做什麼錯了,還是概念上我已經走在錯誤的道路的地方。因此,尋找反饋,討論「爲什麼主成分是令人耳目一新,以及如何告訴它停止」

回答