Угловые вкладки ui-bootstrap не отображают ui-view
Я обновляю существующее приложение angular до всех последних версий angular (v1.2.13), ui-router (v0.2.8) и ui-bootstrap (v0.10.0).
У меня есть вложенные представления, которые имеют несколько именованных представлений. В одном из названных представлений есть вкладки. Я имел обыкновение устанавливатьui-views
в каждой вкладке, но это больше не работает. Если я не использую вкладки, то именованные представления отображаются правильно.
Я создалplunkr, чтобы показать, что я вижу.
Вот мое состояние конфигурации._split.html
имеет 3 именованных вида:TOP
, MIDDLE
, а такжеBOTTOM
. TOP
а такжеMIDDLE
оба назвали взглядыLEFT
а такжеRIGHT
. TOP
имеет вкладки и не отображает представленияLEFT
или жеRIGHT
. MIDDLE
имеет те же имена, и они отображаются правильно.
$stateProvider
.state("foo", {
abstract: true,
url: "/foo",
templateUrl: '_split.html',
})
.state("foo.view", {
abstract: true,
url: '',
views: {
'TOP': {
template: '_tabs.html'
},
'MIDDLE': {
templateUrl: '_tabs2.html'
},
'BOTTOM': {
template: '<h2>Bottom</h2>'
}
},
})
.state("foo.view.tabs", {
url: '',
views: {
'LEFT': {
template: '<h3>Left</h3>'
},
'RIGHT': {
template: '<h3>Right</h3>'
}
}
})
Есть ли способ визуализации пользовательского интерфейса на вкладках?