Я хочу иметь одно родительское представление и частичные дочерние представления на странице, используемой государственными провайдерами.
Код AngularJs:
state('packs', {
//controller:'PacksController',
abstract:true,
views: {
'@': {
template:'<ui-view/>',
controller: 'PacksController',
controllerAs: 'packctrl'
},
'header@': {
templateUrl: 'static/vendor/views/packs.html',
controller: 'PacksController',
controllerAs: 'packctrl'
}
}
})
.state('packs.general',{
parent:'packs',
url:'/general',
views: {
'@': {
templateUrl:'static/vendor/views/packs.general.html',
controller: 'PacksController',
controllerAs:'packctrl'
}
}
})
Код HTML:
<div ui-view></div>
Несколько именованных видов
Также кажется, что этот вопрос уже есть на ответе
<body>
<div ui-view="filters"></div>
<div ui-view="tabledata"></div>
<div ui-view="graph"></div>
</body>
определение маршрутизатора:
$stateProvider
.state('report', {
views: {
'filters': { ... templates and/or controllers ... },
'tabledata': {},
'graph': {},
}
})