AngularJS实战之filter的使用二

[size=x-large]博文一中的filter是angular自带的filter，一般不会满足我们的使用。我们可以自定义filter。[/size]
[size=x-large]一、自定义filter实现反转字符串[/size]

<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";

	});

[size=large][color=orange]效果为：dcba[/color][/size]
[size=x-large]二、使用多个filter[/size]

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

[size=large][color=orange]效果为：DCBA[/color][/size]
[size=x-large]三、在controller中使用filter[/size]
[size=large]注入filter即可[/size]

<div>{{date}}</div>
	<div>{{reverse}}</div>

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

[size=large][color=orange]效果为
Aug 24, 2017
dcba[/color][/size]