Javascript Ui视图中的Ui视图
我有一个有多个模块的应用程序,它使用ui视图在这些模块之间切换。 我的想法是在这些父$stateProvider中,每个模块中都有另一个$stateProvider,这样它就可以在这些模块中导航,而无需重新加载页面 外部$stateProvider是:Javascript Ui视图中的Ui视图,javascript,angularjs,angular-ui-router,Javascript,Angularjs,Angular Ui Router,我有一个有多个模块的应用程序,它使用ui视图在这些模块之间切换。 我的想法是在这些父$stateProvider中,每个模块中都有另一个$stateProvider,这样它就可以在这些模块中导航,而无需重新加载页面 外部$stateProvider是: $stateProvider .state('core',{ url: '/core' }) .state('thing', {
$stateProvider
.state('core',{
url: '/core'
})
.state('thing', {
url: '/core/thing',
templateUrl: './modules/thing/views/base.html'
})
.state('people',{
url: '/core/people',
templateUrl: './modules/people/views/list.html'
})
})
这是一个例子,但是这个系统可以扩展很多。例如,我想在负责人员状态的模块中使用$stateProvider。在模块“app.people”中,使用以下配置:
$stateProvider
.when('list',{
url: 'list/',
templateUrl: 'views/list.html',
controller: 'ListController',
controllerAs: 'list'
})
.when('insert',{
url: 'insert/',
templateUrl: 'views/form.html',
controller: 'FormController',
controllerAs: 'form'
})
.when('edit',{
url: 'edit/:id',
templateUrl: 'views/form.html',
controller: 'FormController',
controllerAs: 'form',
resolve: {
entity: ['EntityService', '$stateParams', function (EntityService, $stateParams) {
return EntityService.load($stateParams.id);
}]
}
})
这可能吗?这很容易做到。对于这个问题,很抱歉,但您只需执行以下操作:
$stateProvider
.state('thing.list', {
url: '/list',
templateUrl: './modules/thing/views/list.html',
controller: 'ListController',
controllerAs: 'list'
})
.state('thing.insert', {
url: '/insert',
templateUrl: './modules/thing/views/form.html',
controller: 'FormController',
controllerAs: 'form'
})
.state('thing.edit', {
url: '/edit/:id',
templateUrl: './modules/thing/views/form.html',
controller: 'FormController',
controllerAs: 'form'
})
在内部的模块中