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:路由模块=》单独的,不包含

原文地址:https://www.cnblogs.com/zouxianlu/p/6772520.html