Angular入门归纳

为什么使用Angular
1）其模块化的构成方式，符合面向对象的思想，进行模块化开发（如阿里的DataV），可以将页面分成多个模块，灵活且重用性很高
2）js代码中不提倡修改dom，依靠数据绑定对页面进行实时修改

1.介绍
通过指令扩展HTML，通过表达式将数据绑定到HTML，指令以ng开头
ng-app定义了一个angular程序，ng-controller定义了一个程序控制器，用于控制这个应用的行为，ng-model将元素值绑定到程序（如输入input），ng-bind把数据绑定到视图，一般使用{{name}}绑定，可以包含文字、运算符或变量

2.知识点
1)Angular表达式
AngularJS 表达式写在双大括号内：{{ expression }}
与JS表达式的异同
相同点：可以包含字母、操作符、变量
不同点：angularjs表达式可以写在html中，不支持条件判断、循环及异常
2）指令
AngularJs使用指令（ng开头）扩展html，为应用添加功能
常用指令：{{}}用于绑定数据，相当于ng-bind；ng-repeat重复一个html元素，产生多个类似的内容；ng-style，ng-class，ng-scrollbar、ng-click，ng-show等
自定义指令：使用app.directive自定义指令
注意：ng-model是用于表单元素的，支持双向绑定。对普通元素无效；
ng-bind用于普通元素，不能用于表单元素，应用程序单向地渲染数据到元素；
当ng-bind和{{}}同时使用时，ng-bind绑定的值显示。
3）模型
ng-model 指令用于绑定应用程序数据到 HTML 控制器(input, select, textarea)的值，将输入域的值与 AngularJS 创建的变量绑定
4）作用域
Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。Scope 是一个对象，有可用的方法和属性。
创建控制器时，将$Scope作为一个参数传递，控制器中的属性对应了视图上的属性
scope概述
AngularJS组成：
View：即HTML
Model：当前视图中的可用数据
Controller：JavaScript函数
scope属于模型，带有属性和方法，它们可以在视图或者控制器中使用
根作用域 rootScope可作用于整个应用中，用 rootscope 定义的值，可以在各个 controller 中使用

5）控制器
    控制器用于控制程序数据，它是JavaScript对象，在控制器中为模型定义属性和方法，一般将控制器存储在外部js文件中