<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>自定义过滤器</title>
</head>
<body ng-app="app">
<div>
<h1>
{{true | checkmark}}
</h1>
<h1>
{{false | checkmark}}
</h1>
</div>
<hr>
<div>
<input type="text" placeholder="请输入你的体重" ng-model="weight">
<p>你的体重是{{weight}}KG</p>
<p>你{{weight|weight}}</p>
</div>
<script src="bower_components/angular/angular.js"></script>
<script>
angular.module('app', [])
.filter('checkmark',function(){
return function(input){
return input?'\u2713':'\u2718';
};
})
.filter('weight',function(){
return function(input){
if(input>100){
return '太胖了'
}else {
return '太瘦了'
}
};
});
</script>
</body>
</html>
angularJS filter自定义过滤器
最新推荐文章于 2018-09-26 10:27:18 发布