2013-05-29 106 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> 

奏效了我!