Вложенные просмотры VS Отдельно

Question

Я пытаюсь принять решение об Угловой структуре для своего приложения. Я начал работу с генератора угловых полных стеков.

В UI-Router вы можете вставлять состояния. Мне кажется логичным встраивать родственные состояния. ex: Registration, Registration.form, Registration.confirmation .... но эти вложенные состояния, похоже, полагаются на каждый дочерний вид и родительское представление, просматриваемые на одной странице.

Значение parent имеет тег <ui-view>, который будет вставлять дочерний вид при вызове.

Возможно ли, чтобы вложенное состояние заменило родителя?
Или я просто делаю неустановленные состояния?
Или это случай абстрактного состояния?

Answer 1

Существует a working example

Ребенок вместо родителя почти "родной" решение UI-маршрутизатор. Давайте это государственные определения:

.state('parent', { 
    url: "/parent", 
    templateUrl: 'tpl.html', 
}) 
.state('parent.child', { 
    url: "/child", 
    templateUrl: 'tpl.html', 
    controller: 'ChildCtrl', 
}) 

И это будет tpl.html, в нашем случае используется для обоих состояний:

<div ui-view> 
    <h3>current state name: <var>{{$state.current.name}}</var></h3> 
    ... 
</div> 

Итак, что мы можем видеть, родительский корень HTML элемент, имеет атрибут ui-view. Это означает, что этот элемент также играет роль цели для ребенка.

Отметьте это action here