2013-05-29 148 views
13

我試着讓我的嵌套路線的工作,但它讓我很難兩天現在:(三級嵌套路線

一個水平正常工作

兩級工作正常

三個級別事先不

工作!

任何人可以請幫我嗎?

謝謝

angular.module('settings', []).config(['$stateProvider', '$routeProvider', '$urlRouterProvider', function($stateProvider, $routeProvider, $urlRouterProvider) { 
    $stateProvider 
     .state('settings', { 
      url: '/settings', 
      template:"Settings", 
      controller: function(){ 
       console.log('settings'); 
      } 
     }). 
     state('settings.branch', { 
      url: '/{branchId:[0-9]{1,8}}', 
      template:"Branch", 
      controller: function(){ 
       console.log('branch'); 
      } 
     }). 
     state('settings.branch.prop', { 
      url: '/prop', 
      template:"Property", 
      controller: function(){ 
       console.log('property'); 
      } 
     }); 
}]); 

'/設置' 工作

'/設置/ 1234' 正在

'/設置/ 1234 /道具' 不工作,總是返回prevues狀態 '科'

+0

你有一個的jsfiddle/plunker? – Ven

+0

+1就需要小提琴/ plunker。哪裏uirouter依賴? VAR的myapp = angular.module( 'MYAPP',[ 「ui.router」])... – scalaGirl

回答

12

我想你沒有在分支模板中聲明UI視圖

1

我有同樣的問題。對於settings.branch.prop,嘗試設置url到:

url: '/{branchId:[0-9]{1,8}}/prop' 
0

我們得到了類似的問題。只要找到了解決方法(不是很漂亮思想)

因此,我們必須

/b2c/applicationShow --> applicationShowController (b2c.applicationShow) with an /:id 

/b2c/applicationShow/9238490392084/details --> detailsController (b2c.applicationShow.details) 

/b2c/applicationShow/9238490392084/details/someApp --> someAppController (b2c.applicationShow.details.someApp) 

/b2c/applicationShow/9238490392084/details/someApp/someTab --> this has no controller, only declare the previous one as parent. 

那麼,如何推進我們才從/ B2C/applicationShow到 /B2C/applicationShow/9238490392084 /信息/ someApp/someTab(有是列出所有的應用程序,並單擊假設一個鏈接給您帶來一路的特定標籤)

轉發,我們逐一的表。

$state.go(b2c.applicationShow , {id: 9238490392084}) 

然後在detailsController

$state.go(b2c.applicationShow.details.someApp); 
在someAppController

$stage.go(b2c.applicationShow.details.someApp, {tab: someTab}); 

基本狀態機將最後的路徑

然後,追加然後繼續。嗯,就像我說的,這是不漂亮,但得到了這份工作完成。希望能幫助到你。

0

嘗試包裝一個div與各地分公司意見的內容,像這樣的屬性界面視圖,

<div ui-view> 
    branch content goes here ..... 
    ...... 

</div> 

奏效了我!