Angular-UI-Bootstrap-Registerkarten rendern keine UI-Ansicht
Ich aktualisiere eine vorhandene Angle-App auf die neuesten Versionen von Angle (v1.2.13), UI-Router (v0.2.8) und UI-Bootstrap (v0.10.0).
Ich habe verschachtelte Ansichten, die mehrere benannte Ansichten haben. In einer der genannten Ansichten befinden sich Registerkarten. Früher konnte ich setzenui-views
in jeder Registerkarte, aber das funktioniert nicht mehr. Wenn ich die Registerkarten nicht verwende, werden die benannten Ansichten korrekt gerendert.
Ich habe eine erstelltplunkr um zu zeigen was ich sehe.
Hier ist meine Zustandskonfiguration._split.html
hat 3 benannte Views:TOP
, MIDDLE
, undBOTTOM
. TOP
undMIDDLE
Beide haben Views benanntLEFT
undRIGHT
. TOP
hat Registerkarten und rendert die Ansichten nichtLEFT
oderRIGHT
. MIDDLE
hat die gleichen benannten Ansichten und sie rendern korrekt.
$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>'
}
}
})
Gibt es eine Möglichkeit, die UI-Ansicht in Registerkarten zu rendern?