http://bubkoo.com/2014/01/01/angular/ui-router/guide/multiple-named-views/ angular.js模塊ui-router之多視圖,可以給ui-view指定名稱,這樣一個模板中就可以有多個ui-view。假設您有一個應用,需要動態填充graph、table data和filters,像下面這樣: 當您需要使用多視圖時,需要用到狀態的views屬性,views屬性值是一個對象。 如果在狀態中定義了views屬性,那么狀態中的templateUrl、template 和 templatePRovider屬性將被忽略。 示例-名稱匹配 views的屬性key應該對應ui-view的名稱,像下面這樣: 首先在主頁面:
切換后的頁面是:
而對應上圖的111111,22222, 3333區域動態填充,其代碼如下: 主頁面的對應的html:
對應的home頁面得html:
對應的about頁面的html:
路由配置的js代碼:
about下的view是動態配置的效果
新聞熱點
疑難解答