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' 
    });