angularjs ui-router中路由的二级嵌套

最终效果：当我们点击Page-1时出现的是Page1中的内容，同理点击Page-2。下面是实际的代码： Main.htmlPageTab.htmlPage1.htmlPage2.html以上是全部的页面代码，Main.html中js库需要手动导入。下面我们重点看Main.html中对路由统一管理的部分也就是这段js代码第一个状态在第一个中我们定义了初始状态名为PageTab，url状态为空，这时候在母版中将会在ui-view中填充PageTab.html这个页面。同理如果state命名为PageTab.Page2 那么处理它的就会是PageTab.html这个页面。希望本文所述对你有所帮助，angularjs ui-router中路由的二级嵌套就给大家介绍到这里了。想要学习angularjs可以继续关注本站。