角度路由将控制器传递给路径的子项

时间:2015-06-29 10:37:00

标签: javascript angularjs angular-ui-router

您好如何将同一个控制器传递到其他窗口中加载的主状态的子状态?

.state('Project',{
    url:'/Project:projectId',
    views:{
        'mainContent':{
            templateUrl:'templates/view/project.html',
    controller:'ProjectCtrl'
        }
    }
}).state('Project.whoiscustomer',{
    url:'/whoiscustomer',
    views:{
        'rightContent':{
            templateUrl:'templates/projectMembers/whoiscustomer.html',
    controller:'ProjectCtrl'
        }
}

有人能解释一下吗?

或者如何更改这是项目视图?

ng-href="#/Project:projectId/whoiscustomer"

thouse是简单的离子离子视图...

2 个答案:

答案 0 :(得分:0)

.state('Project',{
    url:'/Project/:projectId',
    templateUrl:'templates/view/project.html',
    controller:'ProjectCtrl'
})
.state('Project.whoiscustomer',{
    url:'/whoiscustomer',
    templateUrl:'templates/projectMembers/whoiscustomer.html'
})

如果您只有一个视图,则不必为其命名,只需在模板中使用<div ui-view></div>即可。

答案 1 :(得分:0)

.state('Project',{
url:'/Project:projectId',
views:{
    'mainContent':{
        templateUrl:'templates/view/project.html',
controller:'ProjectCtrl'
    }
}

添加abstract:true,

制作技巧

.state('Project',{
abstract: true,
url:'/Project:projectId',
views:{
    'mainContent':{
        templateUrl:'templates/view/project.html',
controller:'ProjectCtrl'
    }
}