Как правильно сделать nested views?

Question

Ivan @ATNC

Full-stack web\python developer

Angular

Как правильно сделать nested views?

Доброго времени суток. Есть есть 2 ui-view. Один из которых вложенный.
Скажите, пожалуйста, как правильно нужно прописать .state, чтобы правильно работать только с ui-view="nested"? Спасибо

<div data-ui-view="main" id="page-container">
            <!-- Side Overlay-->
            <aside ></aside>

            <!-- Sidebar -->
            <nav ></nav>
            <!-- Header -->
            <header ></header>

            <!-- Main Container -->
            <main id="main-container" data-autoscroll="true" data-ui-view="nested"></main>
            <!-- Footer -->
            <footer></footer>
        </div>

Вопрос задан более трёх лет назад
110 просмотров

Комментировать

Подписаться 2 Оценить Комментировать

Answer 1 · 2016-10-11 20:52:24

views: {
  '@nested': {
    templateUrl: 'nested-view.html'
  }
}

Если стейт вложен больше, чем на один уровень, то нужно указать имя стейта, которому принадлежит nested, напрямую. Предположим, что у нас иерархия
rootState
-- childrenState1 - на этом стейте есть шаблон с ui-view="nested"
---- childrenState2
------ childrenState3 - на этом стейте хотим в ui-view="nested" объявленный на childrenState1 чего-то вставит

views: {
  'rootState.childrenState1@nested': {
    templateUrl: 'nested-view.html'
  }
}

Как правильно сделать nested views?

Войдите на сайт