javascript编程技巧方法

相关推荐

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编程技巧方法】相关文章：