Как создать собственную директиву в AngularJS?

@reggie 

Для создания собственной директивы в AngularJS нужно выполнить следующие шаги:

1. Определить модуль приложения и добавить его в секцию HTML:

1
2
3

    var app = angular.module('myApp', []);

1. Определить директиву с помощью метода directive():

1
2
3
4
5
6
7
8
9

app.directive('myDirective', function() {
    return {
        restrict: 'E',
        template: 'Hello, {{name}}!',
        scope: {
            name: '@'
        }
    };
});

В данном примере создается директива myDirective, которая будет использоваться как элемент (E). Она выводит сообщение "Hello, {name}!" с помощью шаблона template, где {name} будет заменено на значение из атрибута name. Атрибут scope указывает, что значение name должно быть передано в директиву как строка (@).

1. Использовать директиву в HTML-коде:

1

В данном примере используется созданная ранее директива myDirective, а атрибут name ей передается в виде строки "Alex".

Теперь, при запуске приложения, на странице будет отображено сообщение "Hello, Alex!" с помощью созданной директивы.

Это основы создания собственной директивы в AngularJS, но есть и более сложные варианты, которые могут потребовать дополнительной настройки и использования контроллера или сервиса.