1）ng-app：
用于定义应用程序根元素，告诉AngularJS应用哪一个元素为AngularJS应用的根元素，每一个AngularJS应用都必须有一个根元素，HTML文档只可以有一个ng-app指令，多了只有第一个被使用
语法：<element ng-app="modulename">... 在 ng-app 根元素上的内容可以包含 AngularJS 代码...</element>
2）ng-bind：
绑定HTML元素到应用程序，告诉AngularJS使用给定的变量或表达式的值来替换HTML元素的内容，如果变量或表达式修改来，所替换的HTML元素也会修改
语法：<element ng-bind="expression"></element>；或作为 CSS 类：<element class="ng-bind: expression"></element>
3）ng-bind-html：
指令是通一个安全的方式将内容绑定到 HTML 元素上。当你想让 AngularJS 在你的应用中写入 HTML，你就需要去检测一些危险代码。通过在应用中引入 "angular-sanitize.js" 模块，使用 ngSanitize 函数来检测代码的安全性。
语法：<element ng-bind-html="expression"></element>
4）ng-blur
当输入框失去焦点(onblur)时执行表达式
语法：<element ng-blur="expression"></element>
<a>, <input>, <select>, <textarea>,窗口对象支持。
5）ng-change：
定义和用法
ng-change 指令用于告诉 AngularJS 在 HTML 元素值改变时需要执行的操作。
ng-change 指令需要搭配 ng-model 指令使用。
AngularJS ng-change 指令指令不会覆盖原生的 onchange 事件, 如果触发该事件，ng-change 表达式与原生的 onchange 事件都会执行。
ng-change 事件在值的每次改变时触发，它不需要等待一个完成的修改过程，或等待失去焦点的动作。
ng-change 事件只针对输入框值的真实修改，而不是通过 JavaScript 来修改。
语法
<element ng-change="expression"></element>
<input>, <select>, 和 <textarea> 元素支持。
6）ng-class：
定义和用法
ng-class 指令用于给 HTML 元素动态绑定一个或多个 CSS 类。
ng-class 指令的值可以是字符串，对象，或一个数组。
如果是字符串，多个类名使用空格分隔。
如果是对象，需要使用 key-value 对，key 为你想要添加的类名，value 是一个布尔值。只有在 value 为 true 时类才会被添加。
如果是数组，可以由字符串或对象组合组成，数组的元素可以是字符串或对象。
语法
<element ng-class="expression"></element>
7）ng-class-even、ng-class-odd
定义和用法
ng-class-even 、ng-class-odd指令用于为 HTML 元素动态的绑定一个或多个 CSS 类，但只作用于偶/奇数行。
ng-class-even 、ng-class-odd指令需要与 ng-repeat 指令搭配使用。
ng-class-even、ng-class-odd 指令建议用在表格的样式渲染中，但是所有HTML元素都是支持的。
语法
<element ng-class-even="expression"></element>
所有 HTML 元素都支持
8）ng-click：
定义和用法
ng-click 指令告诉了 AngularJS HTML 元素被点击后需要执行的操作。
语法
<element ng-click="expression"></element>
9）ng-cloak
定义和用法
ng-cloak 指令用于在 AngularJS 应用在加载时防止 AngularJS 代码未加载完而出现的问题。
AngularJS 应用在加载时，文档可能会由于AngularJS 代码未加载完而出现显示 AngularJS 代码，进而会有闪烁的效果， ng-cloak 指令是为了防止该问题的发生。
语法
<element ng-cloak></element>
10）ng-controller
定义和用法
ng-controller 指令用于为你的应用添加控制器。在控制器中，你可以编写代码，制作函数和变量，并使用 scope 对象来访问。
语法
<element ng-controller="expression"></element>
11）ng-csp
用于修改 AngularJS 的安全策略。
如果使用了 ng-csp 指令， AngularJS 将不会执行eval 函数，这样就无法注入内联样式。
设置 ng-csp 指令为 no-unsafe-eval, 将阻止 AngularJS 执行 eval 函数，但允许注入内联样式。
设置 ng-csp 指令为 no-inline-style, 将阻止 AngularJS 注入内联样式，但允许 执行 eval 函数。
如果开发 Google Chrome 扩展或 Windows 应用 ng-csp 指令是必须的。
注意:ng-csp 指令不会影响 JavaScript,但会修改 AngularJS 的工作方式，这就意味着: 你仍然可以编写 eval 函数, 且也可以正常执行, 但是 AngularJS 不能执行它自己的 eval 函数。如果采用兼容模式，会降低 30% 的性能。
语法
<element ng-csp="no-unsafe-eval | no-inline-style"></element>
值可设置为空，意味着 eval 和 内联样式都不被允许。
可以设置其中一个值。
你也可以同时设置两个值使用分号隔开，但这与留空的效果是一样的。
12）ng-dblclick
定义和用法
ng-dblclick 指令用于告诉 AngularJS 在鼠标鼠标 HTML 元素时需要执行的操作。
ng-dblclick 指令不会覆盖元素的原始 ondblclick 事件, 鼠标双击时，ng-dblclick 表达式与原始的 ondblclick 事件将都会执行。
语法
<element ng-dblclick="expression"></element>
13）ng-disabled
定义和用法
ng-disabled 指令设置表单输入字段的 disabled 属性(input, select, 或 textarea)。
如果 ng-disabled 中的表达式返回 true 则表单字段将被禁用。
语法
<input ng-disabled="expression"></input>
14）ng-hide、ng-show
定义和用法
ng-hide 指令在表达式为 true 时隐藏 HTML 元素。
ng-hide 是 AngularJS 的预定义类，设置元素的 display 为 none。
语法
取值表达式：表达式如果返回 true 则隐藏元素。
<element ng-hide="expression"></element>
作为 CSS 类使用:
<element class="ng-hide"></element>
所有的 HTML 元素都支持该指令。
ng-show 指令在表达式为 true 时显示指定的 HTML 元素，否则隐藏指定的 HTML 元素。
语法
<element ng-show="expression"></element>
15）ng-href
定义和用法
ng-href 指令覆盖了原生的 <a> 元素 href 属性。
如果在 href 的值中有 AngularJS 代码，则需要使用 ng-href 而不是 href。
ng-href 指令确保了链接是正常的，即使在 AngularJS 执行代码前点击链接。
语法
<a ng-href="string"></a>
<a> 元素支持该指令。
16）ng-if
定义和用法
ng-if 指令用于在表达式为 false 时移除 HTML 元素。
如果 if 语句执行的结果为 true，会添加移除元素，并显示。
ng-if 指令不同于 ng-hide， ng-hide 隐藏元素，而 ng-if 是从 DOM 中移除元素。
语法
<element ng-if="expression"></element>
所有的 HTML 元素都支持该指令。
17）ng-include
定义和用法
ng-include 指令用于包含外部的 HTML 文件。包含的内容将作为指定元素的子节点。
ng-include 属性的值可以是一个表达式，返回一个文件名。
默认情况下，包含的文件需要包含在同一个域名下。
语法
<element ng-include="filename" onload="expression" autoscroll="expression" ></element>
ng-include 指令作为元素使用:
<ng-include src="filename" onload="expression" autoscroll="expression" ></ng-include>
所有的 HTML 元素都支持该指令。
参数值
值 描述
filename 文件名，可以使用表达式来返回文件名。
onload 可选， 文件载入后执行的表达式。
autoscroll 可选，包含的部分是否在指定视图上可滚动。
18）ng-init
定义和用法
ng-init 指令执行给定的表达式。
ng-init 指令添加一些不必要的逻辑到 scope 中，建议你可以在控制器中 ng-controller 指令执行它 。
语法
<element ng-init="expression" ></element>
19）nh-krydown,ng-keypress,ng-keyup
ng-keydown 规定按下按键事件的行为
ng-keypress 规定按下按键事件的行为
ng-keyup 规定松开按键事件的行为
按键敲击的事件顺序:
Keydown
Keypress
Keyup
<input>, <select>, <textarea>, 和其他可编辑元素支持该指令。
20）ng-list
定义和用法
ng-list 指令将字符串转换为数组，并使用逗号分隔。
ng-list 指令还有另外一种转换方式，如果你有字符串数组希望在输入框中显示，你可以在 input 上使用 ng-list 指令。
ng-list 属性值定义了分隔符。
语法
<element ng-list="separator"></element>
<input>, <select>, <textarea>, 和其他可编辑元素支持该指令。
参数值
值 描述
separator 可选,定义分隔符，默认为", "
21）ng-model
定义和用法
ng-model 指令绑定了 HTML 表单元素到 scope 变量中。
如果 scope 中不存在变量, 将会创建它。
语法
<element ng-model="name"></element>
<input>, <select>, <textarea>, 元素支持该指令。
参数值
值 描述
name 你想要绑定到表单域的属性名。
22）ng-model-options
定义和用法
ng-model-options 指令绑定了 HTML 表单元素到 scope 变量中
你可以指定绑定数据触发的时间，或者指定等待多少毫秒，参数设置可以参考以下说明。
语法
<element ng-model-options="option"></element>
<input>, <select>, <textarea>, 元素支持该指令。
参数值
值 描述
option 指定了绑定数据的规则，规则如下:
{updateOn: 'event'}规则指定事件发生后绑定数据
{debounce : 1000} 规定等待多少毫秒后绑定数据
{allowInvalid : true|false} 规定是否需要验证后绑定数据
{getterSetter : true|false} 规定是否作为 getters/setters 绑定到模型
{timezone : '0100'} 规则是否使用时区
23）ng-mouse。。
ng-mousedown 规定按下鼠标按键时的行为
ng-mouseenter 规定鼠标指针穿过元素时的行为
ng-mouseleave 规定鼠标指针离开元素时的行为
ng-mousemove 规定鼠标指针在指定的元素中移动时的行为
ng-mouseover 规定鼠标指针位于元素上方时的行为
ng-mouseup 规定当在元素上松开鼠标按钮时的行为
鼠标点击执行的顺序:
Mousedown
Mouseup
Click
24）ng-non-bindable
定义和用法
ng-non-bindable 指令用于告诉 AngularJS 当前的 HTML 元素或其子元素不需要编译。
语法
<element ng-non-bindable></element>
25）ng-open
定义和用法
ng-open 指令用于设置 details 列表的 open 属性。
如果 ng-open 的表达式返回 true 则 details 列表是可见的。
语法
<details ng-open="expression">...</details>
<details> 元素支持该指令。
26）ng-options
定义和用法
ng-options 指令用于使用 <options> 填充 <select> 元素的选项。
ng-options 指令使用数组来填充下拉列表，多数情况下与 ng-repeat 指令一起使用。
语法
<select ng-options="array expression"></select>
<details> 元素支持该指令。
27）ng-readonly
指令用于设置表单域(input 或 textarea) 的 readonly 属性。
如果 ng-readonly 属性的表达式返回 true 则表单域为只读。
语法
<input ng-readonly="expression"></input>
<input> <textarea> 元素支持该指令。
28）ng-repeat
定义和用法
ng-repeat 指令用于循环输出指定次数的 HTML 元素。
集合必须是数组或对象。
语法
<element ng-repeat="expression"></element>
示例：
<body ng-app="myApp" ng-controller="myCtrl">
<h1 ng-repeat="x in records">{{x}}</h1>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
$scope.records = [
"菜鸟教程1",
"菜鸟教程2",
"菜鸟教程3",
"菜鸟教程4",
]
});
</script>
</body>
29）ng-selected
定义和用法
ng-selected 指令用于设置 <select> 列表中的 <option> 元素的 selected 属性。
ng-selected 属性的表达式返回 true 则选项被选中。
语法
<option ng-selected="expression"></option>
30）ng-src，ng-srcset
ng-src 指定 <img> 元素的 src 属性
ng-srcset 指定 <img> 元素的 srcset 属性
31）ng-style
定义和用法
ng-style 指令为 HTML 元素添加 style 属性。
ng-style 属性值必须是对象，表达式返回的也是对象。
对象由 CSS 属性和值组成，即 key=>value 对。
语法
<element ng-style="expression"></element>
示例：
<body ng-app="myApp" ng-controller="myCtrl">
<h1 ng-style="myObj">菜鸟教程</h1>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
$scope.myObj = {
"color" : "white",
"background-color" : "coral",
"font-size" : "60px",
"padding" : "50px"
}
});
</script>
</body>
32）ng-submit
定义和用法
ng-submit 指令用于在表单提交后执行指定函数。
语法
<form ng-submit="expression"></form>
<form> 元素支持该属性。
<body ng-app="myApp" ng-controller="myCtrl">
<form ng-submit="myFunc()">
<input type="text">
<input type="submit">
</form>
<p>{{myTxt}}</p>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
$scope.myTxt = "你还没有点击提交!";
$scope.myFunc = function () {
$scope.myTxt = "你点击了提交!";
}
});
</script>
</body>
33）ng-switch
定义和用法
ng-switch 指令根据表达式显示或隐藏对应的部分。
对应的子元素使用 ng-switch-when 指令，如果匹配选中选择显示，其他为匹配的则移除。
你可以通过使用 ng-switch-default 指令设置默认选项，如果都没有匹配的情况，默认选项会显示。
语法
<element ng-switch="expression">
<element ng-switch-when="value"></element>
<element ng-switch-when="value"></element>
<element ng-switch-when="value"></element>
<element ng-switch-default></element>
</element>
<form> 元素支持该属性。
示例：
<div ng-switch="myVar">
<div ng-switch-when="runoob">
<h1>菜鸟教程</h1>
<p>欢迎访问菜鸟教程</p>
</div>
<div ng-switch-when="google">
<h1>Google</h1>
<p>欢迎访问Google</p>
</div>
<div ng-switch-when="taobao">
<h1>淘宝</h1>
<p>欢迎访问淘宝</p>
</div>
<div ng-switch-default>
<h1>切换</h1>
<p>选择不同选项显示对应的值。</p>
</div>
</div>
34）ng-value
定义和用法
ng-value 指令用于设置 input 或 select 元素的 value 属性。
语法
<input ng-value="expression"></input>
<input> 和 <select> 元素支持该属性。