ui路由器嵌套的子狀態

Question

當我在處理一個Angular應用程序時，我想知道ui-route嵌套狀態。

正如docu說，它可以創建嵌套的狀態，如（取自DOC）：

$stateProvider 
    .state('contacts', { 
    templateUrl: 'contacts.html', 
    controller: function($scope){ 
     $scope.contacts = [{ name: 'Alice' }, { name: 'Bob' }]; 
    } 
    }) 
    .state('contacts.list', { 
    templateUrl: 'contacts.list.html' 
    }); 

但是，它可以創建一個granchild狀態？ （可能加入類似的東西）：

.state('contacts.list.state', { 
    templateUrl: 'html_file.html' 
)} 

Answer 1

是的，你可以按照你的建議像那樣做。 EG：

$stateProvider 
    .state('contacts', { 
    url: '/', 
    templateUrl: 'contacts.html', 
    controller: function($scope){ 
     $scope.contacts = [{ name: 'Alice' }, { name: 'Bob' }]; 
    } 
    }) 
    .state('contacts.list', { 
    url: ':list', 
    templateUrl: 'contacts-list.html' 
    }) 
    .state('contacts.list.fullDetails', { 
    url: '/fullDetails', 
    templateUrl: 'contacts-list-full-details.html' 
    });