Как правильно построить структуру?

Question

[klinnov]

Здравствуйте!
Есть ангуляр приложение. Есть ui-router который переключает страницы.
Но есть одна проблемная страница где помимо основного контроллера должны быть еще табы страницы.
При клике на таб подтягивается его view и контроллер.

Сейчас это сделано - но с перегрузкой и основного контроллера.
То есть сейчас мы кликнули на таб - произошел переход по роутe, подтянулась view таба с контроллером таба + include view с контроллером основным.
Можно как-то сделать, чтобы основной контроллер не перезагружался? Также нужно чтобы путь в урл менялся как сейчас.
Спасибо!

Answer 1

[Александр Коротаев]

Сделать вложенные роуты для табов, родительский контроллер как и его шаблон в этом случае перегружаться не будут

Comments

[klinnov]

Спасибо! Есть пример?

[Александр Коротаев]

klinnov:
роутов?

$stateProvider
.state('app', {...}) // стейт первого уровня
.state('app.tab1', {...}) // вложенный стейт

[klinnov]

Хм. Не получилось. Может проблема в url? У меня сейчас так:
.state('forms', {
url: "/forms/:company_id", }
.state('forms.view1', {
url: "forms/:company_id/1/view/:form_id", }

[Александр Коротаев]

klinnov: да url тоже будет вложенным:

.state('forms', {
url: "/forms/:company_id/", }
.state('forms.view1', {
url: "view1/:form_id", }

[Александр Коротаев]

klinnov: а в шаблонах что у вас там?

[klinnov]

lekzd: Переделал url - переключается, но view не подтягивается. Там еще что-то в шаблонах надо прописывать?

[klinnov]

lekzd: Controllers и view подтягивает но не отображает

[Александр Коротаев]

klinnov:

в шалоне компании надо вставить там, где должны будут вставляться шаблоны табов это есть?

[Александр Коротаев]

klinnov: вырезало ui-view тег из сообщения

[klinnov]

Спасибо!