Блог ни о чем

Сейчас появилось довольно много способов для решения данной проблемы - angular elements, angular portals, entry components - но расскажу о том, который может быть использован в angular6+. Задача: есть CMS, которая отдает html layout с разным набором angular компонент. Нужно запустить angular приложение для динамического layout. Пример страницы 1: < body > <app-landing>< / app-landing> < / body > Пример страницы 2: < body > < div class = "header" > <app-header>< / app-header> < / div > <app-product-details>< / app-product-details> < / body > В главном модуле ng-приложения пишем примерно такой код prepareDom ( ) ; @ NgModule ( {     //...     declarations : [ bootstrapComponent ] ,     bootstrap : [ bootstrapComponent ] ,     entryComponents : entryComponents } ) export class AppModule { } Идея заключается в том что все компонент...

Введение Данная статься скорее для себя, здесь не будет ничего нового чего бы вы не смогли найти в интернете. Я заметил что когда пишу новую компоненту мне легче начинать с какого-то шаблона. В качестве шаблона я выбрал компоненту - текстовое поле с иконкой поиска и вызовом callback, которую писал сам. Код AngularJs //fastSearch.tmpl.html < div class = " fast-search " >     < input type = " text "             class = " fast-search__input "            placeholder = " {{fastSearchCtrl.hint}} "            ng - model = " fastSearchCtrl.value "            ng - keydown = " fastSearchCtrl.cancelSearch() "            ng - keyup = " fastSearchCtrl.search() "     >     < / input >     < div class = " fast-search__icon " > < / div > < / div > //fastS...