Как написать директивы(компоненты) которые взаимодействуют друг с другом?

Question

[Владимир]

Есть в документации вот такой пример https://docs.angularjs.org/guide/directive (раздел "Creating Directives that Communicate")
В этом примере директивы в дом дереве размещаются "одна в другой", в моем случае дом деревья директив не пересекаются.
Кейс: Есть грид с таблицей внутри, строки в гриде могут добавляться и удаляться элементами управления внутри блока, но должна быть возможность вынести элементы управления в произвольное место на странице
Нужно ли это дело реализовывать в директивах или достаточно компонета ?
Я планирую сделать грид компонентом и создание объекта грида вынести в фабрику, в этой же фабрике будет метод который возвращает уже созданный грид с методами управления строками.

Гридов на странице может быть несколько и для некоторых я выношу элементы управления а для некоторых нет, именно поэтому и планирую использовать фабрику.

Answer 1

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

В этом примере директивы в дом дереве размещаются "одна в другой", в моем случае дом деревья директив не пересекаются.

Значит и не должны они взаимодействовать напрямую.

Схема строится так. Директива/компонент просит сервис изменить состояние, сервис меняет состояние и каким-то образом тригерится это дело (ивенты, релоад стэйта), отрабатывают ресолверы и загружают новый кусок стэйта. Это дело прокидывается в компоненты через биндинги.

То есть в идеале компоненты понятия не имеют откуда приходит состояние, и сами не меняю его, просят сервисы это делать. Так изменения проходят по кругу и можно организовать любой уровень логики.

Comments

[Владимир]

Меня только смущает необходимость поиска в фабрике нужного мне грида, так как на странице их может быть несколько. И еще хочу уточнить что значит "Это дело прокидывается в компоненты через биндинги" Исходя из документации, компонента может запускать функции проброшенные как '&FunHandler' тоесть компонента может сообщать о своем состоянии, каким образом компонента может выставить своих "слушателей" ?

Насколько верен подход если я в фабрике оставлю ссылку на методы екземпляра грида и другие контроллеры смогут эти методы использовать ?

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

Владимир: какого поиска в фабрике? Фабрика - это способ создания сервиса. Вы не с фабрикой по итогу работаете а с сервисом который создает фабрика.

"колбэки" удобны для повышения реюзабельности компонентов. Тогда можно скинуть ответственность за вызовы сервисов на компонент уровнем выше, который занимается оркестрацией. Так мы можем снизить связанность.

[Владимир]

Может кому пригодится. Использовал компоненты, фабрику и https://github.com/Olical/EventEmitter

Answer 2

[Дмитрий Еремин]

Пройдите на codeacademy курс по ангуляру. Там, в числе прочего, отрабатывается создание директив

Comments

[Владимир]

Спасибо большое