Angular.js -- 基础（2）
1.Angular.js 过滤器：
九种自带的过滤器：
//（1）：currency:将货币格式化- {{price | currency:"$"}}元
//输出$11.11元//（2）：date：获取当前时间，格式：y（年）M（月）d（日）EEEE（星期）hh（时）mm（分）ss（秒）sss（毫秒）- {{date | date:"yyyy年MM月dd日 EEEE hh:mm:ss"}}
//输出当前时间//（3）：lowercase：将文本转换成小写- {{str | lowercase | limitTo:5}}
//输出hello//（4）：uppercase：将文本转换成大写- {{str | uppercase | limitTo:-5}}
//输出WORLD//（5）：number：获取小数点后几位的数字- {{num | number:"3"}}
//输出10.123//（6）：limitTo：（+）获取前几位；（-）获取后几位,就是从最后一位开始往前数；可以为字符串，数组，对象等- {{arr | limitTo:-1}}
//输出["js"]//（7）：json：同json.stringify相似，就是将对象形式转换成字符串形式- {{obj | json}}
//（8）：filter：过滤满足条件的内容，将过滤的内容输出，可以为字符串，对象，数组等- {{arr | filter:"s"}}
//输出["css","js"]- {{ school | filter:{name:"大黄"} }}
//注：这种情况一定要两边留有空格//（9）：orderBy：进行排序，有两个值，第一个值表示按什么进行排序；第二个值为Boolean值，true为由大到小，false为由小到大；- {{school | orderBy:"age":false}}
2.自定义过滤器：
{{uname | demo:-22:'-吃鸡'}}
//输出：自我介绍：小花-22-吃鸡//demo是自定义的过滤器，uname是一个实参，把这个实参放在了demo里面的第一个形参的位置（相当于demo的位置），demo的冒号后面又是实参，对应下面filter中的形参{{str | cap}}
//输出：Hello world
3.Angular.js 中的依赖注入：
Angular.js 中有很多的依赖，比如：$scope；$location；$http；$timeout；$log；$filter；$interval；等等。。。
依赖注入有分为两种方式：
（1）声明式依赖注入（行内式），以数组的形式进行声明；
App.controller("控制器名字",["$scope","$log",function(arr,suv){ //形参，可以随便定义名字，要与依赖的名称相对应arr.name = "jack";suv.log("123");等等等等。。。。
}])（2）推断式依赖注入，没有明确的声明依赖，效率不高；
App.controller("控制器名字",function($scope,$log){ //参数名字不可进行更改$scope.name = "jack";$log.info("信息");等等等等。。。
})4.一些常用的依赖注入：
（1）$timeout；$interval:
{{str}}
{{time | date:'yyyy-MM-dd hh:mm:ss'}}
（2）$location: 就是对原生的 location 进行的封装；
（3）$log: 对控制台console.log()的封装；
$log.info("普通信息");
$log.warn("警告");
$log.error("错误");
$log.log("打印");
$log.debug("调试")（4）$http: 异步请求，就是对ajax进行的封装；
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！