Как «правильно» передать данные в родительский контроллер из дочернего?

Question

[Sergey Pashkevich]

Доброго всем времени.

Возник вопрос о наиболее правильном подходе разработки приложения на 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?

Спасибо.

Answer 1

[Сергей Протько]

правильно будет не передавать их вверх вообще. Это чуть более чем странно что родитель знает о деталях детей. Он вообще о них ничего знать не должен. Для того что вы хотите сделать были введены вложенные вьюшки (nested views).

события это круто и удобно, но очень легко превратить все в неподдерживаемый трэш как только система разрастется до хоть сколько нибудь большого масштаба. Завязывать на них какую-то логику вообще гиблое дело. В крайнем случае у вас есть два пути:
- кастыль в виде data у родительского стэйта (данные стэйта наследуются, подробнее в документации)
- заиметь сервис у которого будет актуальная информация

Comments

[Sergey Pashkevich]

Ведь в пример и используются вложенные отображения или я вас не так понял? Путь с созданием сервиса мне нравиться больше. Спасибо вам

[Сергей Протько]

Siarhei Pashkevich: нет, у вас используются вложенные состояния, но не вложенные вьюшки.

[Сергей Протько]

Siarhei Pashkevich: сервис это хорошо но так же легко сделать очень плохо. Чуть лучше чем с ивентами (ибо это явно) но хуже чем просто отказаться от этой затеи. В вашем случае все решается переопределением блока в дочернем состоянии. И тогда передавать никому ничего не надо.

[Sergey Pashkevich]

Сергей Протько: а вы могли бы подредактировать пример и показать что именно вы имеете в виду, я понимаю что вы хотите помочь, но почему-то я вашу последнюю мысль не уловил

[Sergey Pashkevich]

Сергей Протько: в моём примере необходимо чтобы левый блок был статичным и не перезагружался пре переходам дочерних стэйтов

[Сергей Протько]

Siarhei Pashkevich: только утром смогу.

[Sergey Pashkevich]

Сергей Протько: было бы здорово завтра увидеть ваше решение, а я пока пройдусь более тщательно по документации ui-router.

[Sergey Pashkevich]

Сергей Протько: доброго времени, Сергей. Не могли бы вы показать ваш пример?

[Sergey Pashkevich]

Сергей Протько: всё таки для решения моей проблемы наилучший способ - это сервис, так как возможности ui-router ничем не могут мне помочь, что бы сделать более элегантно. Спасибо за ваши варианты, я пробовал их воспроизвести, но они никак не решают проблему, только события и сервис.