Блог ни о чем

Замечу что речь пойдет про AngularJS 1.x Если хочется сделать динамическое ангуляр приложение, которое в любой момент может подгрузить что-нибудь еще ангуляр модуль, то просто так это сделать не получится. Например можно сделать два ангуляр модуля рядом: < div id = "HelloWorldApp" ng-app = "HelloWorldApp"> < div ng-controller = "HelloWorldController"> < h1> {{greeting}}< / h1> < / div> < / div> < div id = "HelloUserApp" ng-app = "HelloUserApp"> < / hello-User-Component> </ div> Но нельзя вставить их друг в друга < div id = "HelloWorldApp" ng-app = "HelloWorldApp"> < div id = "HelloUserApp" ng-app = "HelloUserApp" >< / div> < / div> По этой же причине нельзя вставить див внутрь ангуляр приложения и потом его запустить. А т.к. почти всегда ангурял занимает всю страницу...

Введение Данная статься скорее для себя, здесь не будет ничего нового чего бы вы не смогли найти в интернете. Я заметил что когда пишу новую компоненту мне легче начинать с какого-то шаблона. В качестве шаблона я выбрал компоненту - текстовое поле с иконкой поиска и вызовом 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...