位置: 首頁 > 設計 > 網頁設計

javascript程式設計技巧方法

2014-12-11 網頁設計

關於ui-router中巢狀路由中的問題

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

其中是我們的主頁,我們要在中對路由進行統一的管理。

頁面中有一個ui-view在這裡將填充,同時被填充的中也有一個ui-view

這樣就實現了巢狀路由。

最終效果:

當我們點選Page-1時出現的是Page1中的`內容,同理點選Page-2。

下面是實際的程式碼

-------------------------------------

Main page

le("myApp",["er"])ig(function($stateProvider){$e("PageTab",{url:"",templateUrl:""})e("1",{url:"/Page1",templateUrl:""})e("2",{url:"/Page2",templateUrl:""})})

-------------------------------------

PageTab

Page-1Page-2

-------------------------------------

Page1

-------------------------------------

Page2

以上是全部的頁面程式碼,中js庫需要手動匯入

標籤:JavaScript 程式設計
2017-01-23
2019-10-20
2017-02-20
2017-01-13
2014-12-07
2016-07-07
2014-12-11
2016-10-20
2016-02-09
2017-01-23

Copyright ©2024 才華齋 All Rights Reserved.