AngularJs & filter as scope parameter

by Julien Roche

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.js"></script>
<body>
  <p>Sample usage: {{ value }}</p>
  <p>Direct filter usage: {{ value | number:2 }}</p>
  <p>Variable filter usage: {{ value | filter:customFilter }}</p>
</body>

Babel + JSX

angular
	.module('myApp', [
  ])
	.run(function ($rootScope, $filter) {
  	$rootScope.value = 154.25478963311752;
  	$rootScope.filterParam = 'number:2';
    $rootScope.customFilter = (item)=> {
    	const splitted = $rootScope.filterParam.split(':');
      return $filter(splitted[0])(item, splitted[1]);
    };
  });
  
angular
	.bootstrap(document.body, ['myApp']);