javascript編程技巧方法

　　關(guān)于ui-router中嵌套路由中的問題

　　1.首先我們的頁面層次為

　　其中Main.html是我們的主頁，我們要在main.html中對路由進(jìn)行統(tǒng)一的管理。

　　main.html頁面中有一個ui-view在這里將填充PageTab.html，同時被填充的PageTab.html中也有一個ui-view

　　這樣就實(shí)現(xiàn)了嵌套路由。

　　最終效果：

　　當(dāng)我們點(diǎn)擊Page-1時出現(xiàn)的是Page1中的內(nèi)容，同理點(diǎn)擊Page-2。

　　下面是實(shí)際的代碼：

　　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庫需要手動導(dǎo)入。

【javascript編程技巧方法】相關(guān)文章：

javascript跨域訪問的方法07-19

演講技巧與方法07-16

演講技巧與方法06-06

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

醉拳練習(xí)方法技巧07-15

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

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

演講的技巧和方法06-20

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

演講的技巧和方法04-03