javascript編程技巧方法

javascript編程技巧方法

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

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

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

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

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

　　最終效果：

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

　　下面是實際的代碼：

　　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庫需要手動導入。

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

1.javascript編程異常處理的方法

2.Javascript異步編程的4種方法

3.JavaScript 函數(shù)式編程實踐

5.關(guān)于異步JavaScript編程中的Promise使用方法

6.javascript編程常用知識的應(yīng)用

7.面向?qū)ο缶幊痰膉avascript基礎(chǔ)

8.JavaScript中的函數(shù)式編程