angularjs-在对象数组中获取值时使用过滤器
2017-02-06 16:00
225 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<link rel="stylesheet" href="">
</head>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<p>在获取数组[255,251,200]值时使用过滤器</p>
<ul>
<li ng-repeat="x in counts">{{x | myFormat}}</li>
</ul>
</div>
</body>
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
<script>
var app = angular.module("myApp",[]);
app.service("hexafy",function(){
this.myFunc = function(x){
return x.toString(16);
}
});
app.filter("myFormat",['hexafy',function(hexafy){
return function(x){
return hexafy.myFunc(x);
}
}]);
app.controller("myCtrl",function($scope){
$scope.counts = [255,251,200];
});
</script>
</html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<link rel="stylesheet" href="">
</head>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<p>在获取数组[255,251,200]值时使用过滤器</p>
<ul>
<li ng-repeat="x in counts">{{x | myFormat}}</li>
</ul>
</div>
</body>
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
<script>
var app = angular.module("myApp",[]);
app.service("hexafy",function(){
this.myFunc = function(x){
return x.toString(16);
}
});
app.filter("myFormat",['hexafy',function(hexafy){
return function(x){
return hexafy.myFunc(x);
}
}]);
app.controller("myCtrl",function($scope){
$scope.counts = [255,251,200];
});
</script>
</html>
相关文章推荐
- 使用AngularJS结合Highchart图表动态获取JSON格式数据
- angularjs内置过滤器的使用学习
- AngularJS使用之过滤器
- angularJS中filter(过滤器)的使用
- angularJS实现二级联动查询以及自定义过滤器的使用
- 利用过滤器,使用HttpServletResponse装饰器,获取流,生成静态文件。
- 详解Angularjs在控制器(controller.js)中使用过滤器($filter)格式化日期/时间实例
- angularjs的使用:过滤器(5)
- Angularjs总结(二)过滤器使用
- 详解AngularJS中$filter过滤器使用(自定义过滤器)
- angularJS之使用过滤器转化输出 (angularJS系列最后一篇)
- 使用AngularJS创建自定义的过滤器的方法
- 使用AngularJS创建自定义的过滤器的方法
- AngularJs学习之一使用自定义的过滤器
- 详解AngularJS过滤器的使用
- RevitAPI: 如何获取可以被明细表过滤器ScheduleFilter使用的参数Parameter?
- AngularJS中的过滤器使用详解
- 如何使用angularjs实现文本框获取焦点
- AngularJS中过滤器的使用与自定义实例代码
- angularjs-过滤器中,使用自定义服务