javascript編程技巧方法

javascript編程技巧方法

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

　　1.首先我們的頁(yè)面層次為

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

　　main.html頁(yè)面中有一個(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

　　以上是全部的頁(yè)面代碼，Main.html中js庫(kù)需要手動(dòng)導(dǎo)入。

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

javascript編程異常處理的方法08-04

JavaScript常用方法匯總10-25

高效編寫(xiě)JavaScript代碼的技巧08-25

數(shù)控編程的技巧09-10

JavaScript數(shù)組常用方法介紹09-04

javascript跨域訪(fǎng)問(wèn)的方法07-09

JavaScript fontcolor方法入門(mén)實(shí)例07-07

Java基本編程技巧07-13

使用ajax操作JavaScript對(duì)象的方法09-28

關(guān)jQuery彈出窗口簡(jiǎn)單實(shí)現(xiàn)代碼-javascript編程06-07