Вложенное дочернее состояние с ui-router

Question

Поскольку я работаю над угловым приложением, мне было интересно узнать о ui-route вложенных состояниях.

Как сказаны в docu, можно создать вложенное состояние, такие как (взято из дока):

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