Я обновляю существующее приложение 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>'
          }
        }
      })

Есть ли способ визуализации пользовательского интерфейса на вкладках?