Сегодня разобрался с тем, что же такое директивы и как они работают в AngularJS. Учитывая, что не все статьи на хабре мне понятны, предприму собственную попытку донести свое открытие до масс.
Итак, что такое директива AngularJS?
В двух словах — это тег или атрибут тега в документе HTML, плюс немного магии.
Магия заключается в том, что директива может содержать в себе как шаблон отображения данных, так и контроллер для их обработки.
Читать полностью »
Про директивы много написано, но мало о том как писать их правильно. Поделюсь опытом.
Хорошо написанная директива должна
Разберем каждый пункт на примере поля для ввода пароля (думаю, всем знакомо поле с глазиком)
<input ng-model="user.password"
ng-minlength="6"
form-password
form-error="Не менее 6 символов">
Сколько директив используется?Читать полностью »
На мой взгляд, директивы являются основной изюминкой декларативного стиля Angularjs. Однако, если открыть комментарии пользователей в разделе официальной документации Angularjs, посвященной директивам, то вы увидите, что самый популярный из них: «Пожалуйста, перепишите документацию, сделайте ее более доступной и структурированной. Начинающему разработчику на Angularjs сложно в ней разобраться» («Please rewrite a clearer well structured documentation of directives., this is not friendly to first time angular developers»). С этим трудно не согласится, документация пока еще сыровата и в некоторых моментах приходится прилагать большие усилия, чтобы разобраться в логике и сути функционала. Поэтому я предлагаю вам свой вольный пересказ данной главы в надежде, что кому-то это позволит сэкономить время, а так же рассчитываю на вашу поддержку и участие в комментариях. Итак, поехали!
Часть 1
Читать полностью »