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

javascript跨域訪問的方法07-19

演講技巧與方法07-16

演講技巧與方法06-06

2016年嵌入式QT編程小技巧07-16

醉拳練習方法技巧07-15

做好演講的技巧方法05-22

（推薦）演講技巧與方法07-20

演講的技巧和方法06-20

歌詞翻譯的方法與技巧11-03

演講的技巧和方法04-03