- 相關(guān)推薦
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編程異常處理的方法08-04
JavaScript常用方法匯總10-25
高效編寫JavaScript代碼的技巧08-25
數(shù)控編程的技巧09-10
javascript跨域訪問的方法07-09
JavaScript fontcolor方法入門實(shí)例07-07
Java基本編程技巧07-13