文章标题

AngularJS相关知识总结：

1.1定义应用

通过为任一HTML标签添加ng-app属性，可以指定一个应用，表示此标签所包裹的内容都属于应用（App）的一部分。
例如：

1.2定义模块

AngularJS提供了一个全局对象angular,在此全局对象下存在若干的方法，其中angular.module()方法用来定义一个模块。
//通过module方法定义模块
//需要传递两个参数，第一个表示模块的名称
//第二个表示此模块依赖的其他模块
var app = angular.module(‘app’,[]);
注：应用App其本质也是一个模块（一个比较大的模块）。

1.3定义控制器

控制器Controller作为连接模型Model和视图View的桥梁存在，所以当我们定义好了控制器以后也就定义好了模型和视图。
//app是一个模块实例对象
//通过这个实例对象定义控制器，需要两个参数，第1个参数表示控制器的名称。第2个参数是一个数组，这个数组除最后一个单元是函数外，其余都是字符串，表明此控制器的依赖关系。
app.controller(‘StudentController’,’scope′,function(scope){
//模型Model
$scope = [
{name:’周杰伦’,sex:’男’,age:39},
{name:’周杰伦’,sex:’男’,age:39},
{name:’周杰伦’,sex:’男’,age:39}
];
};
模型Model数据是要展示视图View上的，所以需要将控制器Controller关联到视图View上，通过为HTML标签添加ng-controller属性并赋值为相应的控制器Controller的名称，就确定了关联关系。

姓名性别年龄{{student.name}}{{student.sex}}{{student.age}}

1.4指令

HTML在构建应用App时存在诸多不足之处，AngularJS通过扩展一系列的html属性或标签来弥补这些缺陷，所谓指令就是AngularJS自定义的html属性或标签，这些指令都是以ng-作为前缀的，例如ng-app,ng-controller,ng-repeat等。
1.4.1内置指令
ng-app指定应用根元素，至少有一个元素指定了此属性。
ng-controller指定控制器
ng-show控制元素是否显示，true显示，false不显示
ng-hide控制元素是否隐藏，true隐藏，false不隐藏
ng-if控制元素是否存在，true存在，false不存在
ng-src增强图片路径
ng-href增强地址
ng-class控制类名
ng-include引入模板
ng-disabled表单禁用
ng-readonly表单只读
ng-checked单/复选框表单选中
ng-selected下拉框表单选中
1.4.2自定义指令
AngularJS允许根据实际业务需要自定义指令，通过angular去哪聚对象下的directive方法实现。

var App=angular.module(''App',[]);//自定义指令App.directive('tag',function(){return {//自定义指令的类型restrict:'EA',replace:true,template:'
hello AngularJS
'}});