AngularJS内置与自定义过滤器详解：货币与日期格式化

AngularJS 是一个强大的前端框架，其内置了许多实用的过滤器，用于处理和格式化数据以适应用户的展示需求。过滤器在 AngularJS 的模板绑定表达式{{ }}中通过竖线（|）来调用，如{{value|lowercase}}，可以将值转换为小写。在控制器中，开发者可以利用$filter服务来动态调用过滤器，如示例中所示： ```javascript app.controller('DemoController', ['$scope', '$filter', function($scope, $filter) { $scope.name = $filter('lowercase')('Ruby'); }]); ``` 当在HTML中使用过滤器时，支持传参，如{{0.23145|number:3}}，其中数字3代表小数点后保留三位。`currency`过滤器将数字格式化为货币形式，例如{{50|currency}}。该过滤器默认使用客户端所在区域的货币符号，但可自定义。 `date`过滤器则用于日期格式化，内置的日期格式有mediumDate、short、fullDate等。默认情况下，如{{today|date}}将使用mediumDate格式。开发者可以根据需要选择不同的格式，比如{{today|date:'short'}}表示简短日期格式。 AngularJS还允许同时使用多个过滤器，只需在它们之间添加竖线分隔，如{{value|filterA|filterB}}。这使得数据处理过程更加灵活和高效。 AngularJS的过滤器是数据展示的重要组成部分，它提供了丰富的功能，让开发者能够轻松地根据应用需求对数据进行定制化处理，提升用户体验。无论是内置的实用过滤器还是自定义创建的过滤器，都是构建高效、易维护的Web应用的关键工具。