介绍
怎么在AngularJS中利用ui-route实现多层嵌套路由?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
1。服务:
(1)根据条件查询人数据checkPeople.service,不给出条件则查询所有。
(2)得到路由信息getStateParams.service。
2。组件:
(1)你好模块:点击按钮按钮更改内容。
(2) peolpleList模块:显示人们列表,点击人显示人详情。依赖于checkPeople.service模块。
(3) peopleDetail模块:显示人详情,依赖于checkPeople.service模块和getStateParams.service模块。
3。构建项目:
如图所示:组件目录用来保存所有服务模块和业务模块,自由目录保存外部引用(我是用的是angular.js1.5.8和ui-route0.2.18), app.config.js文件用来配置路由,index . html则作为入口文件。
<强>三,实现这个例子强>
1。首页索引。html
& lt; ! DOCTYPE html> & lt; html  lang=癳n"祝辞 & lt; head> & lt;才能meta charset=癠TF-8"比; & lt;才能title> Title</title> & lt;才能script src=https://www.yisu.com/zixun/薄?lib/angular.js "> 脚本>