我有如下配置:
...
.state('profiles', {
abstract: true
, url : '/profiles'
, resolve: {...}
, views: {
mainModule: {
templateUrl : '/partials/home.html'
, controller : 'HomeCtrl'
}
, leftSidePaneModule: {
templateUrl : '/partials/leftSidePane.html'
, controller : 'LeftSidePaneCtrl'
}
}
})
...
Run Code Online (Sandbox Code Playgroud)
主玉文件
...
.col-xs-4.col-md-4.chat_block(ui-view='leftSidePaneModule', autoscroll="false")
...
Run Code Online (Sandbox Code Playgroud)
因此,leftSidePaneModule模块将填充到ui-view='leftSidePaneModule'占位符中.但问题是,我在leftSidePaneModule模板中还有2个命名视图.leftSidePaneModule模板看起来像这样:
leftSidePaneModule.html
<div>
<div ui-view="leftWidgetOne"></div>
<div ui-view="leftWidgetTwo"></div>
</div>
Run Code Online (Sandbox Code Playgroud)
如何使模块leftWidgetOne和leftWidgetOne在被填充到上述占位?
我试过了,
...
.state('profiles', {
abstract: true
, url : '/profiles'
, resolve: {...}
, …Run Code Online (Sandbox Code Playgroud)