Приведите примеры использования кастомных директив в AngularJS?

Question

[John]

Друзья, пересмотрел кучу сайтов, но так ничего и не дошло до меня. Можете привести какие-нибудь простые примеры, когда требуется написание своих директив?

Answer 1

[_ _]

Кнопка, которая изменяет внешний вид на время выполнения некоего длительного действия. Выпадающее меню для элемента.
Текстовое поле, подстраивающее высоту под контент. Поле ввода с доп. оформлением и поведением (как в Material Design, например)

Comments

[John]

То есть, по сути, это замена jQuery?

[_ _]

Alex: судя по всему вы не до конца понимаете суть вопросов, которые задаете

[John]

Александр Марченко: возможно. Поэтому и спрашиваю, и пытаюсь понять.

Answer 2

[lega]

Директива - это, грубо говоря, функция (кусок кода/логика) "завязанная" на элемент.

1) Если вам нужно что-то сделать с элементом
2) или если у вас есть логика в контроллере работы над элементом (ngStyle/ngClass,ngClick...) и вам нужно использовать эту логику повторно в разных местах, то можно сделать директиву и использовать её, что-бы не копипастить код.

Вот пример простой директивы на Angular Light: jsfiddle.net/lega911/vrfdqbu8
Попробуйте сделать аналог с ngStyle, вам придется возится с переменными для каждого случая (хотя можно изолировать контроллерами), вообщем больше кода и копипаст.