Динамика на действующем сайте с помощью Angular

Все больше на смену старому доброму JQuery, приходят инновационный Angular, React и Vue. На PHP разработать сайт стоит значительно дешевле и проще. Изучая Vue на днях я был удивлен простоте его интеграции в действующий сайт, буквально как JQuery можно подключить на нужной странице и чуть ли не тут же в HTML написать блок на Vue. Писать в HTML код — плохой тон, но меня зацепила та самая простота встройки, например в сайт на битриксе в определенном месте встроить реал-тайм чат или форму заявки…

Из коробки я не нашел такого варианта в Angular, пошел искать… Само собой можно вставить iframe-ом, но это древний век, да и не получиться сочетать в верстке как хочется. Стандартная сборка по сути тот же HTML с тегом куда встраивается уже виртуальный DOM Angular, но мне нужно было чтобы он не перекрывал остальную часть HTML кода действующего сайта.

Вот статья, которая мне помогла.

Таким образом можно на странице разместить несколько виджетов, не зависящих друг от друга.

Классно это можно использовать в особо чувствительных темах к динамике: чаты, статусы заявки, движение на карте и прочие он-лайн данные.