Многоуровневое вложение не работает в ui-router. Я добавил "ui-view" внутри шаблона с именем "tpl.hello.html", который является шаблоном состояния "home.hello". Это состояние "home.hello" является дочерним состоянием "домашнего" состояния. После этого я добавил следующее состояние в stateprovider:
.state('home.hello.test', {
url: '/test',
templateUrl: 'tpl.hellonested.html'
})
Но это состояние "home.hello.test" не загружается в состояние "home.hello".
Вот и выглядит plunkr.
Я не видел никаких проблем, и, основываясь на вашем plunkr, ваши маршруты
-Home
*Home.Home1
>Home.Home1.Test
*Home.Home2
Поэтому, если вы перейдете в "Home.Home1", он НЕ загрузит "Home.Home1.Test", но если вы загрузите "Home.Home1.Test", он также загрузит все его родительские состояния. Вот plunkr (немного изменил его).
Я думаю, что вы ошиблись в планировании размещения в ui-router. Дочернее состояние загружает родительское состояние, а не наоборот.
В вашем собственном plunkr вы можете увидеть, что родительское состояние (home.hello) загружается в дочернее состояние (home.hello.test), если вы нажмете тест ссылки.
<div ui-view></div>
просто определяет положение дочернего представления в родительском представлении. Если вы разместите его сверху с родительским представлением, дочернее представление будет загружаться поверх родительского представления, если вы поместите его снизу, оно будет загружаться снизу.
Существует хорошая документация по этой ссылке
Надеюсь, что это поможет вам.