angular初体验（简单易学，适合新手）

几个月前第一次听说了angularjs这个框架，那时并没有什么好感。因为我偏执的认为angular这个名字很晦涩，不易记忆和理

解。直到最近项目中要用到它，我又不得不开始学习它，并在一天天的使用中爱上了它 ... ... （今天貌似情人节啊，谈爱字我才想起

来，大家七夕快乐哈哈）

angularjs 最酷炫的五大特性：双向绑定，依赖注入，mvc，模板，Directives。

学习angular，我觉得应该从它的指令开始学起。

AngularJS指令

AngularJS 通过被称为 指令 的新属性来扩展 HTML。

ng-app 指令：模块名。定义了 AngularJS 应用程序的 根元素，用于初始化一个 AngularJS 应用程序。

ng-init 指令：在html元素中直接为 AngularJS 应用程序定义初始值，初始化应用程序数据。但初始化一般在控制器或模块中进行。

ng-model 指令：绑定html元素到应用程序数据中的模板中。

ng-model 指令也可以：

• 为应用程序数据提供类型验证（number、email、required）。
• 为应用程序数据提供状态（invalid、dirty、touched、error）。
• 为 HTML 元素提供 CSS 类。
• 绑定 HTML 元素到 HTML 表单。

ng-repeat 指令：对于集合中（数组中）的每个项会 克隆一次 HTML 元素，会重复一个 HTML 元素多次。（一般用于循环输出）

ng-bind 指令：把数据绑定到对应的 HTML元素上。（也可以直接将要输出的model放在html的双大括号内直接输出）

这些指令的具体应用看后面的实例，这里只是罗列出来让你心里好有个底。

ng-if ：在html中通过判断该html元素绑定的model的值的真假来决定该html元素是否显示。

ng-show / ng-hide：在html中通过判断该html元素中ng-show所绑定的model的值的真假，来控制该html元素是否显示。

ng-if和ng-show、ng-hide他们从表面上看非常像，但是ng-if只是用来做判断，值为true时只会显示里面的内容。而ng-if所在

的这个dom节点实际并不会被创建。（网上据说是这样的，时间匆忙还未来得及亲测。）