Angular-Ui-Router狀態更改，但模板URL不會加載嵌套狀態

Question

我正在使用ui-router工作在一個requirejs + angularjs項目上。我試圖實現嵌套視圖，但只有狀態更改，但模板URL不加載。

我的路由config.js

.state(ROUTE.auditGroup, { 
    abstract: true, 
    authenticate: true, 
    data: { 
    pageTitle: 'AuditMain' 
    }, 
    views: { 
    'user': { 
     templateUrl: GLOBAL.viewPath + '/auditgroup.html', 
    } 
    } 
}) 

.state(ROUTE.audit, { 
    url: '/audit', 
    authenticate: true, 
    data: { 
    pageTitle: 'Audit' 
    }, 
    views: { 
    'nested': { 
     templateUrl: GLOBAL.viewPath + '/audit.html', 
     controller: 'auditCtrl', 
    } 
    }, 
    ncyBreadcrumb: { 
    label: 'Audit', 
    } 
}) 

.state(ROUTE.allidentifiers, { 
    url: '/allidentifiers', 
    authenticate: true, 
    data: { 
    pageTitle: 'All Identifiers' 
    }, 
    views: { 
    'nested': { 
     templateUrl: GLOBAL.viewPath + '/audit.allidentifiers.html', 
     controller: 'allidentifiersCtrl', 
    } 
    }, 
    ncyBreadcrumb: { 
    label: 'All Identifiers', 
    } 
}) 

我auditgroup.html

<div ui-view="nested"></div> 

審計頁工作正常，但中，allidentifiers頁面沒有注入。 一切工作正常，除了嵌套視圖，我無法弄清楚確切的問題，狀態更改成功，但模板URL不加載。 需要幫助。

Plunkr https://embed.plnkr.co/oRMnMW4QoWwhSkm9maHf/

轉到>列表>二嵌套

我想在同樣的觀點

Answer 1

你需要有ui-view爲嵌套模板，顯示第二嵌套模板。看到這裏的更新plunker：https://plnkr.co/edit/oRMnMW4QoWwhSkm9maHf?p=preview