什么是 AngularJS 指令？

也许角度指令的一个非常简单和初始的定义是

AngularJS 指令（ng-directives）是带有 ng 前缀（ng-model、ng-app、ng-repeat、ng-bind）的 HTML 属性，Angular 使用它来扩展 HTML。 （来自：W3schools 角度教程）

这方面的一些例子是

ng-app 指令定义了一个 AngularJS 应用程序。 ng-model 指令将 HTML 控件（输入、选择、文本区域）的值绑定到应用程序数据。 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 解析以创建对象和行为的结构。换句话说，它是一个模板，您可以在其中混合使用任意节点和伪 javascript 以及数据占位符来表达意图您的小部件（组件）是结构化的，它的行为方式以及它如何提供数据。然后 Angularjs 针对这些指令运行以将它们转换为工作的 html/javascript 代码。

指令在那里，因此您可以使用适当的语义构建更复杂的组件（小部件）。只需看一下指令的 angularjs 示例 - 他们正在定义选项卡窗格（这在常规 HTML 中当然无效）。它比使用类似 div-s 或 spans 来创建结构更直观，然后将其设置为看起来像选项卡窗格。

在 AngularJS 中，指令是 HTML DOM 元素的 html re 标记，例如属性（restrict-A）、元素名称（restrict-E）、注释（restrict-M）或 CSS 类（restrict-C），它们告诉 AngularJS 的 HTML 编译器（$ compile) 以对该 DOM 元素执行指定的行为，甚至转换 DOM 元素及其子元素。一些示例是 ng-bind 、ng-hide/show 等。

主页对此非常清楚：当您将鼠标悬停在最后一部分的选项卡上时：

我们使用自定义选项卡元素扩展了 HTML 的词汇表。选项卡抽象了呈现选项卡所需的复杂 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 并让 Angular 处理这些元素的呈现。