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?

Antworten auf die Frage(2)

Ihre Antwort auf die Frage