Что такое директива AngularJS?

может быть, действительно простой и начальный определение угловых директив будет

директивы в AngularJS (НГ-директивы), являются HTML-атрибуты с префиксом НГ (НГ-модель и НГ-приложение, НГ-повторите, НГ-привязать) используется для угловой расширяет HTML. (от: W3schools угловой учебник)

некоторые примеры этого были бы

на ng-app директива определяет приложение AngularJS.

на ng-model директива связывает значение HTML-элементов управления (вход, select, textarea) к данным приложения.

на ng-bind директива связывает данные приложения с представлением HTML.

<div ng-app="">
    <p>Name: <input type="text" ng-model="name"></p>
    <p ng-bind="name"></p>
</div>

проверьте этот учебник, по крайней мере, для меня это было одно из лучших введений в Angular. Более полный подход будет все, что @mark-rajcok сказал раньше.

глядя на документацию, директивы-это структуры, которые вы можете написать, что angularjs анализирует для создания объектов и behaviors.In другими словами, это шаблон, в котором вы используете смесь любых произвольных узлов и псевдо-javascript и заполнителей для данных, чтобы выразить намерения о том, как ваш виджет (компонент) структурирован, как он ведет себя и как он подается с данными. Angularjs затем работает против тех директивы перевести их в рабочий html / javascript код.

директивы существуют, чтобы вы могли создавать более сложные компоненты (виджеты), используя правильную семантику. Просто взгляните на пример директив angularjs-они определяют панель вкладок (которая, конечно, не действительна в обычном HTML). Это более интуитивно, чем использование как div-s или spans для создания структуры, которая затем стилизуется в выглядеть панель вкладок.

В в AngularJS директивы в HTML повторного маркеров в HTML DOM-элемент, как атрибут(ограничения - а), имя элемента(ограничения - е), комментарий(ограничение - м) или CSS-класса(ограничения - С), что сказать в AngularJS HTML-код компилятора ($компиляции), чтобы выполнить указанное поведение тем, что DOM-элемент или даже превратить в дом элемента и его детей.Некоторые примеры-ng-bind, ng-hide/show и т. д.

Домашняя страница очень ясно об этом: При наведении указателя мыши на вкладки в последнем разделе:

мы расширили словарь HTML с помощью пользовательского tabs элемент. Элемент tabs абстрагирует сложную структуру HTML и поведение, необходимое для рендеринга вкладок. В результате получается больше читаемый вид и очень легко многоразовый синтаксис."

затем в следующей вкладке:

angular.module('components', []).
  directive('tabs', function() {
    return {
      restrict: 'E',
      transclude: true,
      scope: {},
      controller: function($scope, $element) {
        var panes = $scope.panes = [];

        $scope.select = function(pane) {
          angular.forEach(panes, function(pane) {
            pane.selected = false;
          });
          pane.selected = true;
        }

таким образом, вы можете изобрести html-элементы, т. е. tabs и пусть угловые обработайте отрисовку этих элементов.