stateProvider中的嵌套視圖AngularJS

Question

我曾在$routeProvider的某個時間安靜，現在我想我可能有一個要求，如果我實施$stateProvider會更好，因爲它具有優於$routeProvider的優勢。

我想在 this Plunker實現嵌套視圖，但我想我誤解了一些東西，所以我的hqChild@about1不起作用。它在HTML中實現

關於 - >聯繫我們 - > HeadQuater地址 - >手機號碼：（空白）

.state('about1',{ 
    url: '/about', 
    views:{ 
    '': {templateUrl: 'partial-about.html'}, 
    'ofc@about1' : { template: 'Office Address here' }, 
    'hq@about1' : { 
     templateUrl: 'hq-adr.html', 
     controller: function($scope){ 
     $scope.msg= "HeadQuater Address here" 
     }, 
     view:{ 
     'hqChild@about1': {template: '+91-99999 99999'} 
     } 

    } 
    } 
}) 

從我從互聯網上了解，viewname@statename是語法。

Answer 1

我改變了你的plunker了一下，我想你想實現的是將hqchild模板插入<div ui-view="hqChild"></div>的hq-adr.html。這裏是編輯的plunker。

我不認爲嵌套veiw:下命名的意見在ui路由器中是有效的。我做的更改如下

.state('about1',{ 
    url: '/about', 
    views:{ 
    '': {templateUrl: 'partial-about.html'}, 
    'ofc@about1' : { template: 'Office Address here' }, 
    'hq@about1' : { 
     templateUrl: 'hq-adr.html', 
     controller: function($scope){ 
     $scope.msg= "HeadQuater Address here" 
     } 
    }, 
    'hqChild@about1': {template: '+91-99999 99999'} 
    } 
})