javascript編程技巧方法

javascript編程技巧方法

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

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

　　其中Main.html是我們的主頁，我們要在main.html中對路由進(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)入。

《&.doc》

将本文的Word文档下载到电脑，方便收藏和打印

推荐度：

点击下载文档

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

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

JavaScript常用方法匯總10-25

高效編寫JavaScript代碼的技巧08-25

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

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

javascript跨域訪問的方法07-09

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

Java基本編程技巧07-13

使用ajax操作JavaScript對象的方法09-28

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