leocaseiro · August 29, 2015 14:21
diff --git a/angular-custom-filter.html b/angular-custom-filter.html
 <!DOCTYPE html>
 <html ng-app="MyApp">
 <head>
  <title>Angular Custom Filter</title>
 </head>
 <body>
  <div ng-controller="Filter">
    <p>{{text | clean:'-':'.jpg'}}</p>
  </div>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular.min.js"></script>
  <script>
    angular.module('MyApp', [])
      .filter('clean', function(){
        return function(input, separator, suffix){
          input = input
            .toLowerCase()
            .replace(/\s+/g, separator || '-') + suffix;
          
          return input;
        };
      })
      .controller('Filter', function($scope){
        $scope.text = "Hello World! That a beautiful day.";
      });
  </script>
  
 </body>
 </html>
	<!DOCTYPE html>
	<html ng-app="MyApp">
	<head>
	<title>Angular Custom Filter</title>
	</head>
	<body>
	<div ng-controller="Filter">
	<p>{{text \| clean:'-':'.jpg'}}</p>
	</div>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular.min.js"></script>
	<script>
	angular.module('MyApp', [])
	.filter('clean', function(){
	return function(input, separator, suffix){
	input = input
	.toLowerCase()
	.replace(/\s+/g, separator \|\| '-') + suffix;

	return input;
	};
	})
	.controller('Filter', function($scope){
	$scope.text = "Hello World! That a beautiful day.";
	});
	</script>

	</body>
	</html>