angularjs angular-ui-router实现多层嵌套怎么用

 我来答
野鸭子肉
2017-01-13 · TA获得超过870个赞
知道小有建树答主
回答量:3163
采纳率:5%
帮助的人:379万
展开全部
1.前面我们通过了简单的ng-route实现了简单层次的路由,对于深层次的路由,我们可以通过ui-route来实现。
(1)ng-route的局限性:一个页面无法嵌套多个视图,也就是说一个页面只能有包含一个页面一个控制器的切换。
(2)ui-route的改进:在具有富客户端的单页应用中,要在一个页面中呈现不同的视图,我们可以通过ui-route实现路由的嵌套。
2 . ui-route的使用方法
(1)首先加载angular-ui-route.js
<script src="js/angular-ui-router.js"></script>11

(2)设置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>
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式