angularJS

一、AngularJS是什么？
1.AngularJS是一个前端JS框架。
2.JQ是侧重于DOM操作的。Angular是侧重数据的操作。
3.Angular的特点：MVVM,数据双向绑定，模块化。依赖注入，语义化
标签。
4.诞生于2009年，创始人为MiskoHevery,后为google收购。
二、AngularJS的使用
1.引用方式：a.使用cdn服务
b.下载到本地引用
2.下载：到angular.min.js下载本地
3.应用script src......
ng-app="";表示这个部分引用angularJS。
ng-model="name"绑定变量
ng-blind指令把应用程序变量name绑定在摸个段落的innerHTML
ng-init=""定义变量；
三、angu指令
就是一些附加到HTNK元素上的定义标记，甚至操作DOM和改变DOM
控制和服务那样，你也可以创建自己的指令来使用：
2.指令分类：系统指令和自定义指令；
系统指令：ngApp告诉浏览器识别angular语法。注意ng-app在一个页面中只能出现一次，且只有一次。
自定义指令：
a.JS中有个对象window
b.angular.js中有个全局对象叫angular
步骤：{
1.创建模块：angular.module('模块名'，'依赖其他的模块')
2.创建指令 module.redirective('指令名'，function(){
return {
template:"",模块内容
restrict:"EAMC",设置指令的调用方式（E:element,A:attribute,C:class,M:）
resplace:true,注释调用。
transclude:true,表示在后面添加一个标签.
templateUrl:"",添加一个标签
}
})
}
3.注意：
a.指令必须遵循坨峰命名法。
b.指令调用时使用小写，多个词之间用“-”隔开。

四、控制器
1.创建函数，创建变量，可以使用系统服务
2、公职器一般都配合服务使用：$http , $scope ...
3、创建控制器：
a、创建模块
b、创建控制器：
controller('控制器名' , function(服务1 , 服务2){

})

五、服务
1、实际上是封装的window对象的一些方法或对象
2、$scope：作用域，每一个控制器都有一个作用域，可以将控制器内的函数、变量保存到$scope中，这样就可以直接在页面（html）中使用
3、$http：是Angular的核心服务，它有利于浏览器通过XMLHttpRequest
4、$http使用：$http("post")

六、过滤器(filter)
1、格式化表达式中的值，可以再视图、控制器、服务中使用
2、系统自带过滤器：currency，格式化一个值为货币格式
lowercase , uppercase , orderBy
3、过滤器使用：在HTML中使用：{{需要格式化的值|过滤器名称：[参数1,参数2]}}
4、自定义过滤器：
a、创建模块 — 过滤器必须单独创建模块
b、创建过滤器：filter('过滤器名' , function(){
return function(input[其他参数]){ //返回一个过滤方法，input为需要过滤的数值
return 过滤之后的数据
}
})
5、自定义过滤器的调用：
a、依赖注入 — 在需要使用的过滤器模块中调用
b、在系统中与页面调用一样即可

1.实际上是封装的window对象的一些方法或对象。
2.$score作用域每一个控制器都有的一个作用域，可以将控制器内的函数，变量保存到￥score中，这样可以直接在html页面显示出来。
3.过滤器的使用在HTML中的使用；{{需要格式化的值|过滤器的名称}}
4.自定义过滤器：a.创建模块=》过滤器必须单独创建模块
b.创建过滤器：filter("过滤器名"，function(){
return function(数据，值){
return 过滤后的值。
}
})
5.自定义过滤器的调用，依赖注入=》在需要使用过滤器的模块来调用

七、全局函数
1.angular对象自带函数
2. angular.isArray();判断一个值是否是数组。
八、点击事件
ng-click="get()";
九、路由设置
1.ngRoute:路由模块=》单独的，不包含