當前位置:才華齋>設計>網頁設計>

javascript程式設計技巧方法

網頁設計 閱讀(1.6W)

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

javascript程式設計技巧方法

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