Доброго всем времени.
Возник вопрос о наиболее правильном подходе разработки приложения на angular.js, что бы в дальнейшем не пришлось очень сильно мучаться при поддержке приложения и не изменять многих вещей.
В проекте используется ui-router для состояний.
Приложение имеет следующую иерархию:
- root (root)
- home (root.home)
- sale (root.sale)
- list (root.sale.list)
- single (root.sale.single)
Модуль root это глобальный модуль всего проекта (куда можно будет вынести обобщённые события\действия для всего проекта).
Модули home и sale это две независимые страницы и у них разные структуры страниц, но шаблон со странице sale очень идентичен со многими остальными страницыми и было решено сделать эту страницу ещё одним предком и вынести туда всё общее для всех дочерних страниц (header, footer и контент разделённый на две части: статика и блок куда будут подгружаться дочерние старницы). Теперь на странице sale есть блок в который необходимо передавать данные из всех дочерних страниц, как лучше всего это сделать используя ui-router или более элегантные методы, что бы в дальнейшем это было не очень больно исправлять )
Ниже есть пример о чём я писал выше (для передачи используются события $emit & $on навешенные на $rootScope):
Пример
Хорошо ли использовать такой подход с вложенностями и корневым модулем root?
Спасибо.
