相关疑难解决方法(0)

AngularJS UI路由器:如何配置嵌套的命名视图?

我有如下配置:

...
.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)

如何使模块leftWidgetOneleftWidgetOne在被填充到上述占位?

我试过了,

...
.state('profiles', {
    abstract: true
    , url : '/profiles'
    , resolve: {...}    
    , …
Run Code Online (Sandbox Code Playgroud)

javascript angularjs angular-ui-router

22
推荐指数
1
解决办法
2万
查看次数

标签 统计

angular-ui-router ×1

angularjs ×1

javascript ×1