AngularJS实战之filter的使用二

AngularJS实战之filter的使用一：http://blog.csdn.net/liuxufeijidian/article/details/77543301
博文一中的filter是angular自带的filter，一般不会满足我们的使用。我们可以自定义filter。

一、自定义filter实现反转字符串

<div>{{ceshi|reverse}}</div

app.filter(‘reverse’, function() { return function(text) { return
text.split(“”).reverse().join(“”); }; });

app.controller(“crl”, function($scope,$filter) {
$scope.ceshi=”abcd”; }); [

效果为：dcba

二、使用多个filter

<div>{{ceshi|reverse|uppercase}}</div>

效果为：DCBA

三、在controller中使用filter

注入filter即可

<div>{{date}}</div>
<div>{{reverse}}</div>[/code]

app.controller("crl", function($scope, $filter) {
    $scope.reverse = $filter('reverse')("abcd");
    $scope.date = $filter('date')(new Date()); 
});

效果为
Aug 24, 2017
dcba