javascript编程技巧方法
关于ui-router中嵌套路由中的问题
1.首先我们的页面层次为
其中Main.html是我们的.主页，我们要在main.html中对路由进行统一的管理。
main.html页面中有一个ui-view在这里将填充PageTab.html，同时被填充的PageTab.html中也有一个ui-view
这样就实现了嵌套路由。
最终效果：
当我们点击Page-1时出现的是Page1中的内容，同理点击Page-2。
下面是实际的代码：
Main.html
-------------------------------------
Main page
angular.module("myApp",["ui.router"]).config(function($stateProvider){$stateProvider.state("PageTab",{url:"",templateUrl:"PageTab.html"}).state("PageTab.Page1",{url:"/Page1",templateUrl:"Page1.html"}).state("PageTab.Page2",{url:"/Page2",templateUrl:"Page2.html"})})
PageTab.html
-------------------------------------
PageTab
Page-1Page-2
Page1.html
-------------------------------------
Page1
Page2.html
-------------------------------------
Page2
以上是全部的页面代码，Main.html中js库需要手动导入。
【javascript编程技巧方法】相关文章：