- 关键字：filter
- 自定义过滤器与原生过滤器不能混合来用
<body ng-app="app" ng-controller="wmxController">
<!--$20.00-->
<p>{{price | currency}}</p>
<!--￥20-->
<p>{{price | wmxFilter:'￥'}}</p>
<!--<p>{{price | money}}</p>-->
<!--Wmx-->
<p>{{str | firstUpperCase}}</p>
<script src="angular.js"></script>
<script>
var app = angular.module('app',[]);
app.controller('wmxController',['$scope',function ($scope) {
$scope.course = ['html','css','js'];
$scope.price = 20;
$scope.str = 'wmx';
// $scope.money = wmxFilter($scope.price,￥);
}]);
/**
* 自定义过滤器
* 前面有货币符号
* 注意：不能写在控制器的里面
*/
app.filter('wmxFilter',function () {
/**
* input 原始数据，需要拼接的原始数据
* args 在原始数据前面添加的字符
*/
return function (input, args) {
return args+input;
}
});
/**
* 自定义过滤器
* 首字母大写的过滤器
*/
app.filter('firstUpperCase',function () {
return function (input) {
/**
* input[0]表示获得原始数据的第一个字符
*/
return input[0].toUpperCase()+input.slice(1);
}
})
</script>
</body>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
