Angular.js - ui路由器不注入視圖

Question

我有一個用於angular.js的ui路由器的問題。 我目前正在使用angular.js和使用ui路由器作爲路由器的項目。 現在的問題是，我想有一個嵌套的視圖是這樣的：

的意見/設置/ index.html的（也UI路由器一個先前創建的模板）

<div class="settings"> 
    [...] 
    <div class="settings-content" ui-view="content"></div> 
</div> 

app.js

$stateProvider.state('settings', { 
    url: '/settings', 
    views: { 
    main: { 
     templateUrl: 'views/settings/index.html', 
     controller: 'SettingsController' 
    }, 
    "content": { 
     templateUrl: 'views/settings/privacy.html', 
     controller: 'SettingsController' 
    } 
    }, 
    ncyBreadcrumb: { label: 'Settings' } 
}) 

現在我的問題是，該定義content模板不注入ui-view="content"格。主要內容（views/settings/index.html）正在加載。並且在嵌套狀態下，也可以使用相同的"string": Object將模板添加到ui-view="content"中。

這是怎麼回事？ 在此先感謝！

Answer 1

您必須使用viewName@stateName語法，如here所述。

試試這個

$stateProvider.state('settings', { 
    url: '/settings', 
    views: { 
    main: { 
     templateUrl: 'views/settings/index.html', 
     controller: 'SettingsController' 
    }, 
    "content@settings": { 
     templateUrl: 'views/settings/privacy.html', 
     controller: 'SettingsController' 
    } 
    }, 
    ncyBreadcrumb: { label: 'Settings' } 
}) 

Answer 2

我已經使用了UI的路由器模塊在我的演示應用程序。

您需要在視圖中指定層次結構。

父視圖中沒有指定到子視圖，以便當您嘗試加載視圖必須使用VIEWNAME @ parentState

https://github.com/singhmohancs/angularDemo/tree/master/app/modules