Как настроить вложенные представления в AngularJS?
У меня есть приложение с различнымиэкраны, Каждому экрану назначается URL, например,#
mails
contacts
, и так далее.
В моем основном файле HTML у меня естьng-view
элемент, который обновляется в соответствии с выбранным пользователем маршрутом. Все идет нормально.
Теперь некоторые из этих экранов имеют суб-навигацию. Например.,#mails
действительно есть входящие и отправленные папки. Они представляют себя в двух столбцах: суб-навигация слева, письма из соответствующей папки справа.
Когда вы переходите к#mails
, он перенаправит вас на#mails/inbox
так что в основномвходящие является вложенным видом по умолчанию для писем.
Как я мог это настроить?
Единственный подход, о котором я могу подумать (я новичок в AngularJS, поэтому простите меня, если этот вопрос немного наивный), - это иметь два взгляда, один для#mails/inbox
, а другой для.#mails/sent
Когда вы выбираете маршрут, эти виды загружаются. Когда вы выбираете#mails
это просто перенаправляет вас на.#mails/inbox
Но это означает, что оба представления должны использоватьng-include
для суб-навигации. Почему-то это кажется мне неправильным.
Что я'Еще больше хотелось бы иметь вложенные представления: верхний переключается между экранами, такими как почта, контакты и т. д., а нижний - между вспомогательными представлениями, такими как входящие, отправленные и т. д.
Как бы я решил это?