本文介绍了AngularJS使用ui-route实现多层嵌套路由的示例，分享给大家，具体如下：
一、预期实现效果：
（项目地址：）
二、分析题目要求，给出依赖关系，构建项目
1. service:
（1）根据条件查询people数据checkPeople.service，不给出条件则查询所有。
（2）得到路由信息getStateParams.service。
2. components:
（1）hello模块：点击button按钮更改内容。
（2）peolpleList模块：显示people列表，点击people显示people详情。依赖于checkPeople.service模块。
（3）peopleDetail模块：显示people详情，依赖于checkPeople.service模块和getStateParams.service模块。
3. 构建项目：
如图所示：component目录用来保存所有服务模块和业务模块，lib目录保存外部引用（我是用的是angular.js1.5.8和ui-route0.2.18），app.config.js文件用来配置路由，index.html则作为入口文件。
三、实现这个例子
1. 首页index.html
rush:xhtml;">
<Meta charset="UTF-8">
Title
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
