https://dokuwiki.webmastermsk.ru/ 2026-08-12T14:53:32+0000 https://dokuwiki.webmastermsk.ru/ https://dokuwiki.webmastermsk.ru/lib/tpl/dokuwiki/images/favicon.ico text/html 2023-01-12T09:18:08+0000 Anonymous (anonymous@undisclosed.example.com) https://dokuwiki.webmastermsk.ru/doku.php?id=angular:angularjs:custom_directive:bindtocontroller&rev=1673515088&do=diff bindToController Я постоянно нахожу что-то новое в Angular 1.3. Одна из вещей, которые я нашел, - это атрибут bindToController. Я сторонник использования синтаксиса controllerAs, чтобы избавиться от переменной $scope. Единственная проблема раньше заключалась в том, что в директиве вам все еще приходилось использовать $scope… до сих пор.… text/html 2023-01-12T09:18:08+0000 Anonymous (anonymous@undisclosed.example.com) https://dokuwiki.webmastermsk.ru/doku.php?id=angular:angularjs:custom_directive:compile&rev=1673515088&do=diff Compile в директивах AngularJS Зачем же нам нужен compile? Compile используется для одной единственной вещи. Чтобы манипулировать самой разметкой нашего елемента и шаблона. text/html 2023-01-12T09:18:08+0000 Anonymous (anonymous@undisclosed.example.com) https://dokuwiki.webmastermsk.ru/doku.php?id=angular:angularjs:custom_directive:component&rev=1673515088&do=diff от directive() к component() В Angular 1.5 нам был представлен новый метод .component(), который намного проще чем .directive() и при этом он использует все лучшее по умолчанию. Метод .component() также позволит разработчикам писать в Angular2 стиле, то есть сделает переход на вторую версию максимально безболезненным.… text/html 2023-01-12T09:18:08+0000 Anonymous (anonymous@undisclosed.example.com) https://dokuwiki.webmastermsk.ru/doku.php?id=angular:angularjs:custom_directive:example&rev=1673515088&do=diff Обработка выражений в директивах AngularJS AngularJS предоставляет ряд сервисов, которые работают с выражениями AngularJS, в том числе и выражениями привязки. Разберем один из них - сервис text/html 2023-01-12T09:18:08+0000 Anonymous (anonymous@undisclosed.example.com) https://dokuwiki.webmastermsk.ru/doku.php?id=angular:angularjs:custom_directive:inject_template&rev=1673515088&do=diff Внедрение шаблонов AngularJS при создании директив поддерживает такую функциональность как transclusion, которая представляет внедрение html-кода извне в шаблон. Например, возьмем директиву answerList из прошлой темы и изменим ее text/html 2023-01-12T09:18:08+0000 Anonymous (anonymous@undisclosed.example.com) https://dokuwiki.webmastermsk.ru/doku.php?id=angular:angularjs:custom_directive:izolirovanyj_scop&rev=1673515088&do=diff Изолированый $scop Изолированный скоуп в директиве гарантирует что вы не поменяете случайно значения в контроллере. Изолированный scope используют в тех случаях, когда создаются директивы, которые затем будут переиспользованы много раз. text/html 2023-01-12T09:18:08+0000 Anonymous (anonymous@undisclosed.example.com) https://dokuwiki.webmastermsk.ru/doku.php?id=angular:angularjs:custom_directive:params&rev=1673515088&do=diff Параметры директив С помощью дополнительных свойств мы можем настроить применение директивы. Рассмотрим два свойства: link и restrict. Свойство link позволяет задать функцию директивы. А свойство restrict позволяет указать объект, к которому директива будет применяться. Оно может иметь следующие значения:… text/html 2023-01-12T09:18:08+0000 Anonymous (anonymous@undisclosed.example.com) https://dokuwiki.webmastermsk.ru/doku.php?id=angular:angularjs:custom_directive:prostaja_direktiva&rev=1673515088&do=diff Пишем простую директиву в AngularJS Директивы это киллер фича AngularJS. Они позволяют создавать многоразовые html елементы с своей собственной логикой внутри. text/html 2023-01-12T09:18:08+0000 Anonymous (anonymous@undisclosed.example.com) https://dokuwiki.webmastermsk.ru/doku.php?id=angular:angularjs:custom_directive:templates&rev=1673515088&do=diff Шаблоны в директивах AngularJS Очень часто в приложении нам хочется инкапсулировать кусок шаблона с какой-то логикой, для того, чтобы его потом повторно использовать. В этом нам помогут директивы с их шаблонами и линк функцией. text/html 2023-01-12T09:18:08+0000 Anonymous (anonymous@undisclosed.example.com) https://dokuwiki.webmastermsk.ru/doku.php?id=angular:angularjs:custom_directive:templateurl&rev=1673515088&do=diff TemplateUrl в директивах AngularJS Когда шаблон в директиве становится большим - его трудно поддерживать. Мы можем заменить переменную шаблона на templateUrl, которая позволяет указывать какой шаблон загружать. text/html 2023-01-12T09:18:08+0000 Anonymous (anonymous@undisclosed.example.com) https://dokuwiki.webmastermsk.ru/doku.php?id=angular:angularjs:custom_directive:transclude&rev=1673515088&do=diff Transclude в директивах AngularJS Transclude - это возможность использовать первоначальное содержимое директивы в любом месте нашего шаблона. Давайте в файле index.html создадим дерективу foo-bar и опишем ее: text/html 2023-01-12T09:18:08+0000 Anonymous (anonymous@undisclosed.example.com) https://dokuwiki.webmastermsk.ru/doku.php?id=angular:angularjs:custom_directive:transclude_element&rev=1673515088&do=diff Transclude element в директивах AngularJS transclude: ‘element’ Попробуем разобраться что такое transclude: element и как оборачивать директиву в дополнительную разметку.