Почему-то мне кажется, что я неправильно понимаю, как работает uirouter. Я не могу понять, почему следующий код не работает, как ожидалось. пока "modal_view" не работает все подозрительно, но "modal_view.child" не показывает, где я его ожидаю? Что я делаю не так?
Моя структура маршрута такая:
$stateProvider
.state('app', {
url: '',
template: '<div><h1>This is my main State Template</h1><div ui-view="benefy_modal"></div><p>Some other content related to main view...</p></div>',
controller: 'MainController',
abstract: true,
})
.state('app.modal_view', {
url: '/modal_view',
views: {
'modal_view': {
template: '',
controller: ['$mdDialog', function ($mdDialog) {
$mdDialog.show({
scope: $scope.$new(),
template: '<md-dialog aria-label="modal"><md-dialog-content><ui-view>********expect "view1" to go here!*********</ui-view></md-dialog-content></md-dialog>'
});
}]
}
},
abstract: true
})
.state('app.modal_view.child', {
url: '/child',
views: {
'view1': {
templateUrl: '<p>view1</p>'
}
}
});