一、Angular指令含义

Angular为HTML页面扩展的：自定义标签属性或标签

与Angular的作用于对象（scope）交互，扩展页面的动态表现力

二、常用指令

ng-app

指定模块名，angular管理的区域

ng-model

双向绑定，输入相关标签

ng-init

初始化数据

ng-click

调用作用于对象的方法

ng-controller

指定控制器构造函数名，内部会自动创建一个新的子作用域（外部的）

ng-bind

解决使用{{}}数据闪屏

ng-repeat

遍历数组，显示数据。数组中有几个元素就会产生几个新的作用域

$index $first $last $middle $odd $even

ng-show

布尔类型，如果为true才显示

ng-hide

布尔类型，如果为true就隐藏

三、生命周期钩子

指令和组件的实例有一个生命周期：新建、更新和销毁。每个接口都有唯一的钩子方法。

内容介绍

指令和组件	内容
ngonInit	当Angular初始化完成数据绑定的输入属性后，用来初始化指令或者组件
ngOnChanges	当Angular设置了一个被绑定的输入属性后触发。该回调方法会收到一个包含当前值和原值的changes对象
ngDoCheck	用来检测所有变化，并作出相应行动。在每次执行”变更检测“时被调用
ngOnDestory	在Angular销毁指令或组件之前做一些清理工作，比如退订可观察对象和移出事件处理器，以免导致内存泄漏
只适用于组件	内容
ngAfterContentInit	当Angular把外来内容投影进自己的视图之后调用
ngAfterContentChecked	当Angular检查完那些投影到自己视图中的外来内容的数据绑定之后调用
ngAfterViewInit	在Angular创建完组件的视图后调用
ngAfterViewCheecked	在Angular检查完组件视图中的绑定后调用

生命周期顺序

生命周期顺序
1.	ngOnChanges	当被绑定的输入属性的值发生变化时调用，首次调用一定会发生在ngOnInit之前
2.	ngonInit	在第一轮ngOnChanges完成之后调用
3.	ngDoCheck	在每个Angular变更检测周期中调用
4.	ngAfterContentInit	当把内容投影进组件之后调用
5.	ngAfterContentChecked	每次完成被投影组件内容的变更检测之后调用
6.	ngAfterViewInit	初始化完组件及其子视图之后调用
7.	ngAfterViewCheecked	每次做完组件视图和子视图的变更检测之后调用
8.	ngOnDestory	当Angular每次销毁指令/组件之前调用