angularjs angular-ui-router實現(xiàn)多層嵌套怎么用
1 回答

阿晨1998
TA貢獻(xiàn)2037條經(jīng)驗 獲得超6個贊
1.前面我們通過了簡單的ng-route實現(xiàn)了簡單層次的路由,對于深層次的路由,我們可以通過ui-route來實現(xiàn)。
(1)ng-route的局限性:一個頁面無法嵌套多個視圖,也就是說一個頁面只能有包含一個頁面一個控制器的切換。
(2)ui-route的改進(jìn):在具有富客戶端的單頁應(yīng)用中,要在一個頁面中呈現(xiàn)不同的視圖,我們可以通過ui-route實現(xiàn)路由的嵌套。
2 . ui-route的使用方法
(1)首先加載angular-ui-route.js
<script src="js/angular-ui-router.js"></script>11
(2)設(shè)置HTML頁面,這里不同于ng-route中的ng-view
<ul>
<li><a ui-sref="index">首頁</a></li>
<li><a ui-sref="fruit">水果</a></li>
<li><a ui-sref="vegetable">蔬菜</a></li>
</ul>
添加回答
舉報
0/150
提交
取消