角UI路由器 - 命名嵌套視圖不工作

路線

function Config($stateProvider, $urlRouterProvider, USER_ROLES) { 
    $stateProvider 
     .state('dashboard', { 
      url: '/dashboard', 
      views: { 
       '[email protected]': { 
        templateUrl: 'partials/layout/sections/auth/header.html' 
       }, 
       '[email protected]': { 
        templateUrl: 'partials/dashboard/template.html' 
       }, 
       '[email protected]': { 
        templateUrl: 'partials/dashboard/content.html' 
       }, 
       '[email protected]': { 
        templateUrl : 'partials/dashboard/left-column.html', 
        controller : 'DashNavCtrl' 
        } 
       }, 
      layoutType: 'three-column' 
     }) 
     .state('dashboard.recruiter', { 
      views: { 
       '[email protected]': { 
        templateUrl : 'partials/dashboard/recruiter/right-column.html', 
        controller : 'DashSidebarCtrl' 
       } 
      } 
     })

template.html

<!-- page-container --> 
<div class="page-container"> 

<!-- main-container --> 
<main class="main-container pad-e-2x" role="main" ui-view="centre-column"> 

</main> 
<!-- /main-container --> 

<div ui-view="left-column"></div> 

<div ui-view="right-column"></div> 

</div> 
<!-- page-container -->

但是當我transitionTo「儀表盤。招聘人員「，它不顯示右欄和左欄。

任何人都可以指向正確的方向嗎？

來源

2014-09-23 PI.

我創建了working example，它顯示了您的所有設置。不確定代碼的哪一部分顯示在這裏，因爲它是按照原樣工作的，就像你這樣做了。我只是用了一些模板，而不是templateUrl

$stateProvider 
    .state('dashboard', { 
     url: '/dashboard', 
     views: { 
      '[email protected]': { 
       templateUrl: 'header.html', 
      }, 
      '[email protected]': { 
       templateUrl: 'template.html' 
      }, 
      '[email protected]': { 
       template: '<div class="layout center"><h3>center</h3></div>', 
      }, 
      '[email protected]': { 
       template: '<div class="layout left"><h3>left</h3></div>', 
       controller : 'DashNavCtrl' 
       } 
      }, 
     layoutType: 'three-column' 
    }) 
    .state('dashboard.recruiter', { 
     views: { 
      '[email protected]': { 
       template: '<div class="layout right"><h3>right</h3></div>', 
       controller : 'DashSidebarCtrl' 
      } 
     } 
    })

有了一些CSS，我們可以看到，this正在按預期

來源

2014-09-23 17:11:21

角UI路由器 - 命名嵌套視圖不工作

回答

相關問題