Когда я работаю над приложениями Angular, мне было интересно ui-route
о вложенных состояниях ui-route
.
Как сказано в документе, возможно создать вложенное состояние, такое как (взятое из документа):
$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'
)}
Да, вы можете сделать это так, как вы предложили. НАПРИМЕР:
$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'
});
url: '/contact/:someId'
динамический URL-адрес:url: '/contact/:someId'