Как правильно воспользоваться Ангуляр2 для создания независимых компонентов на странице?

Question

[Dmitry Shnyrev]

Поделитесь пожалуйста советом или ссылкой на правильную статью по моему вопросу.
Смысл в чем - хочу использовать Ангуляр2 но не в виде цельного приложения, а в виде отдельных виджетов которые можно распихать по странице. Нашел (и воспроизвел) вариант, когда делаются отдельные Modules и для каждого запускается Bootstrap на свой элемент на странице. В этом плане все понятно. Но теперь вопрос возник как можно управлять этими "виджетами" извне (с самой страницы). Скажем посылать событие в виджет, получить/изменить данные из виджета, запустить метод.
Вот к примеру: есть на сайте в шапке виджет авторизации и в теле самой страницы есть основное приложение тоже на ангуляр. При входе (используется виджет авторизации) надо заставить основное приложение выполнить какие-то действия.

ЗЫ начитался уже кучу материала и везде пишут что ангуляр приложение должно быть монолитным и одним на странице. Но требования стоят именно разделить его на мелкие составляющие. В этом плане очень "правильно" работает Vue, но заказчик хочет именно перепилить сайт на ангуляр2

Answer 1

[Александр Трахимёнок]

Можно написать provider который будет посылать/принимать сообщения через глобальную переменную. Observable интерфейс?

Comments

[Dmitry Shnyrev]

Интересный вариант, попробую развить мысль.

[Dmitry Shnyrev]

Нашел вот похожий пример
stackoverflow.com/questions/36566698/how-to-dynami...
Тут создается Shared Service, который передается в качестве параметра в bootstrap и потом в нем используется Observable.
Александр, спасибо за наводку.