- 相關(guān)推薦
javascript編程技巧方法
關(guān)于ui-router中嵌套路由中的問題
1.首先我們的頁面層次為
其中Main.html是我們的主頁，我們要在main.html中對(duì)路由進(jìn)行統(tǒng)一的管理。
main.html頁面中有一個(gè)ui-view在這里將填充PageTab.html，同時(shí)被填充的PageTab.html中也有一個(gè)ui-view
這樣就實(shí)現(xiàn)了嵌套路由。
最終效果：
當(dāng)我們點(diǎn)擊Page-1時(shí)出現(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òng)導(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