Angular UI-Router：嵌套狀態/視圖顯示路由但不是模板

Question

我目前在我的角度應用中使用Angular UI-Router 0.0.2作爲路由/狀態。在我的應用程序中，我有一個儀表板和帳戶頁 - 儀表板顯示應用程序數據;賬戶頁面顯示用戶信息。

當我有dashboard和account狀態作爲兩個獨立狀態時，路線將改變並且帳戶頁面將顯示。

此代碼：

routes = app.config ($stateProvider, $urlRouterProvider) -> 

$urlRouterProvider.otherwise '/' 

$stateProvider.state('dashboard', 
    url: '/' 
    templateUrl: "app/views/dashboard/index.html" 
    controller: 'DashboardIndexCtrl' 
).state('account' 
    url: '/account' 
    templateUrl: "app/views/account/index.html" 
    controller: 'AccountIndexCtrl' 
) 

但是，每當我做account狀態爲嵌套的dashboard說，只有一個空白屏幕。

此代碼不起作用：

routes = app.config ($stateProvider, $urlRouterProvider) -> 

$urlRouterProvider.otherwise '/' 

$stateProvider.state('dashboard', 
    url: '/' 
    templateUrl: "app/views/dashboard/index.html" 
    controller: 'DashboardIndexCtrl' 
).state('dashboard.account' 
    url: 'account' 
    templateUrl: "app/views/account/index.html" 
    controller: 'AccountIndexCtrl' 
) 

我dashboard/index.html文件：

%section.row-fluid 
    .span12 
    /directive 
    %loginform 

我loginform指令的模板：

loginFormCtrl = app.controller 'LoginFormCtrl', ($scope, $rootScope, $location, $state, $log, User, Session) -> 

    $rootScope.logged_in = false 

    User.current().$promise.then (success) -> 
    $log.info success 
    $rootScope.current_user = success.user 
    $rootScope.logged_in = true if success.user.user_name != null 

Answer 1

添加ui-view到您的儀表板/ index.html模板。