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

Question

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

Answer 1

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>