While working on my Angular app, I had a question about nested states in ui-route.
According to the documentation, it is possible to create nested states as shown in the example below:
$stateProvider
.state('contacts', {
templateUrl: 'contacts.html',
controller: function($scope){
$scope.contacts = [{ name: 'Alice' }, { name: 'Bob' }];
}
})
.state('contacts.list', {
templateUrl: 'contacts.list.html'
});
But I wondered if it is possible to create a grandchild state, perhaps by adding something like this:
.state('contacts.list.state', {
templateUrl: 'html_file.html'
)}