我花了很多时间阅读AngularJS文档和一些教程，但是我对文档的使用方式感到非常不友好。
我有一个简单、可以回答的问题，这个问题也可能对其他想学习AngularJS的人有用:
什么是AngularJS指令？
应该有一个简单、精确的指令定义，但是AngularJS网站提供了这些令人惊讶的无用定义:
在主页上:
指令是AngularJS中一个独特而强大的功能。指令让您发明新的HTML语法，特定于您的应用程序。
在开发者文档中:
指令是教HTML新技巧的一种方法。在DOM编译期间，将指令与HTML匹配并执行。这允许指令注册行为或转换DOM。
还有一系列关于指令的讲座，具有讽刺意味的是，这些讲座似乎假定听众已经了解它们是什么。
是否有人能够提供一个清晰的参考，准确地定义指令，解释:
它是什么（以jQuery的清晰定义为例）？
指令本质上是一个函数，当Angular编译器在DOM中找到它时执行。这个函数可以做几乎任何事情，这就是为什么我认为很难定义指令的原因。每个指令都有一个名称（例如ng-repeat、tabs、make-up-your-own），并确定它可以在哪里使用：元素、属性、类、注释。
通常，指令只有一个（后置）链接函数。复杂的指令可能有编译函数、前置链接函数和后置链接函数。
它旨在解决哪些实际问题和情况？
指令最强大的功能是扩展HTML。您的扩展是用于构建应用程序的领域特定语言（DSL）。例如，如果您的应用程序运行在线购物网站，您可以扩展HTML以具有“shopping-cart”、“coupon”、“specials”等指令 - 任何在“在线购物”领域内更自然使用的单词、对象或概念，而不是“div”和“span”（正如@WTK已经提到的那样）。
指令还可以将HTML组件化-将一堆HTML组合成可重用的组件。如果您发现自己正在使用ng-include来拉取大量HTML，则可能是重构为指令的时候了。
它体现了哪种设计模式，或者说它如何符合AngularJS所谓的MVC/MVW使命?
指令是您操作DOM并捕获DOM事件的地方。这就是为什么指令的编译和链接函数都会接收“元素”作为参数的原因。您可以：
<a href="...">、<img src="...">、<br>、<table><tr><th>这样的东西。您会如何描述a、href、img、src、br、table、tr和th是什么？这就是指令的作用。<!-- directive: my-directive exp --> - Mark Rajcok<div></div>是一个指令吗？你说是，但这里没有任何装饰（通过元素、类、注释、属性）。这些只是HTML DOM的标记。你能澄清一下吗？（我不是在谈论可以为普通元素如<div>创建指令的情况） - Royi Namir对于 Angular 指令来说，也许一个非常简单和最初的定义是：
AngularJS 指令 (ng-directives) 是具有 ng 前缀的 HTML 属性 (ng-model、ng-app、ng-repeat、ng-bind)，Angular 使用它们来扩展 HTML。（来源：W3schools angular 教程）
其中一些示例包括：
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之前所说的一切。
tabs扩展了HTML词汇。 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元素，例如标签页，让Angular处理这些元素的呈现。