我有如下配置:
... .state('profiles', { abstract: true , url : '/profiles' , resolve: {...} , views: { mainModule: { templateUrl : '/partials/home.html' , controller : 'HomeCtrl' } , leftSidePaneModule: { templateUrl : '/partials/leftSidePane.html' , controller : 'LeftSidePaneCtrl' } } }) ...
主玉文件
... .col-xs-4.col-md-4.chat_block(ui-view='leftSidePaneModule', autoscroll="false") ...
因此,leftSidePaneModule
模块将填充到ui-view='leftSidePaneModule'
占位符中.但问题是,我在leftSidePaneModule
模板中还有2个命名视图.leftSidePaneModule
模板看起来像这样:
leftSidePaneModule.html
如何使模块leftWidgetOne
和leftWidgetOne
在被填充到上述占位?
我试过了,
... .state('profiles', { abstract: true , url : '/profiles' , resolve: {...} , views: { mainModule: { templateUrl : '/partials/home.html' , controller : 'HomeCtrl' } , leftSidePaneModule: { templateUrl : '/partials/leftSidePane.html' , controller : 'LeftSidePaneCtrl' } , 'leftWidgetOne@leftSidePaneModule' : {...} , 'leftWidgetTwo@leftSidePaneModule' : {...} } }) ...
尝试:2
... .state('profiles', { abstract: true , url : '/profiles' , resolve: {...} , views: { mainModule: { templateUrl : '/partials/home.html' , controller : 'HomeCtrl' } , leftSidePaneModule: { templateUrl : '/partials/leftSidePane.html' , controller : 'LeftSidePaneCtrl' , views: { 'leftWidgetOne' : {...} , 'leftWidgetTwo' : {...} } } } }) ...
两者都不起作用.
你怎么做呢?
谢谢!