congjf · August 29, 2015 13:56
diff --git a/.Title b/.Title
 AngularJS Using Filter
diff --git a/0.custom_filter.html b/0.custom_filter.html
 <!doctype html>
 <html ng-app="MyReverseModule">
  <head>
    <script src="http://code.angularjs.org/1.2.12/angular.min.js"></script>
    <script src="script.js"></script>
  </head>
  <body>
    <div ng-controller="Ctrl">
      <input ng-model="greeting" type="greeting"><br>
      No filter: {{greeting}}<br>
      Reverse: {{greeting|reverse}}<br>
      Reverse + uppercase: {{greeting|reverse:true}}<br>
    </div>
  </body>
 </html>
diff --git a/0.custom_filter.js b/0.custom_filter.js
 angular.module('MyReverseModule', []).
  filter('reverse', function() {
    return function(input, uppercase) {
      var out = "";
      for (var i = 0; i < input.length; i++) {
        out = input.charAt(i) + out;
      }
      // conditional based on optional argument
      if (uppercase) {
        out = out.toUpperCase();
      }
      return out;
    }
  });
 
 function Ctrl($scope) {
  $scope.greeting = 'hello';
 }
	<!doctype html>
	<html ng-app="MyReverseModule">
	<head>
	<script src="http://code.angularjs.org/1.2.12/angular.min.js"></script>
	<script src="script.js"></script>
	</head>
	<body>
	<div ng-controller="Ctrl">
	<input ng-model="greeting" type="greeting"><br>
	No filter: {{greeting}}<br>
	Reverse: {{greeting\|reverse}}<br>
	Reverse + uppercase: {{greeting\|reverse:true}}<br>
	</div>
	</body>
	</html>
	angular.module('MyReverseModule', []).
	filter('reverse', function() {
	return function(input, uppercase) {
	var out = "";
	for (var i = 0; i < input.length; i++) {
	out = input.charAt(i) + out;
	}
	// conditional based on optional argument
	if (uppercase) {
	out = out.toUpperCase();
	}
	return out;
	}
	});

	function Ctrl($scope) {
	$scope.greeting = 'hello';
	}