前端框架之AngularJS

AngularJS应用的指令

标签中的ng-app是AngularJS的一个内置指令（实际上，可以出现在任意位置，但通常情况下，我们会把ng-app指令放在标签中，让AngularJS管理整个页面），有两个作用，一个是启动AngularJS框架，另一个是告诉AngularJS框架从ng-app指令所在标签的开始标签到结束标签之间的所有SOM元素由AngularJS框架进行管理。
当AngularJS遇到ng-app指令时就会创建一个名为$rootScope的作用域，该作用域为AngularJS应用的根作用域。

ng-init指令用于初始化作用域。

AngularJS应用构成元素

• 模型（Model）
• 视图（View）：从AngularJS应用的角度来说，视图则是AngularJS指令与表达式经过解析后的DOM元素。
• 控制器（Controller）
• 作用域（Scope）
• 指令（Directives）
• 表达式（Expressions）
• 模板（Template）：AngularJS以HTML作为模板语言，AngularJS模板实际上就是HTML片段。

双向数据绑定

ng-model

<input type="text" name="uname" ng-model="uname" />

ng-bind指令

ng-bind指令在AngularJS没有加载完毕的时候是不会解析执行的，只有AngularJS加载完毕才会执行。