Два представления в одной области общего доступа к состоянию маршрутизатора AngularUI
Я довольно новичок в AngularUI Router и хотел бы использовать его для следующего сценария:
Расположениеобщий для всех страниц включает в себя верхнюю панель навигации, содержащую меню с кнопками справа и раздел содержимого, заполняющий пространство ниже. На этой странице есть несколько страниц, которые я сопоставляю с состояниями UI Router (page1, page2, ...). Каждая страница может иметь свои собственные пункты меню и собственный контент.меню должно делиться с содержанием поскольку они взаимодействуют (например, кнопка сохранения отправляет форму в контенте, она должна быть включена только в том случае, если форма действительна).
HTML примерно выглядит так:
<body>
<nav class="...">
<h1>my site</h1>
<div>MENU SHOULD GO HERE</div>
</nav>
<div class="row">
<div class="column ...">
CONTENT SHOULD GO HERE
</div>
</div>
</body>
Прямо сейчас я использую два параллельных представления и два контроллера для каждого состояния. Но таким образом, две области действия / контроллеры не могут взаимодействовать.
Так как бы вы достигли этого?