Built-In Filters use through Javascript

by Nimish Chandola

HTML

<div data-ng-app="app">
  <div data-ng-controller="filterCtr">
      
     Uppercase filter convert string to uppercase:  {{upperCaseName}}
      <br/>
      <hr/>
      Lowercase filter convert string to lowercase: {{lowerCaseName}}
      <br/>
      <hr/>
      Number format number as text if input is not a number empty string is returned {{twoDecimalFormatter}}
      <br/>
      <hr/>
      To pass parameter to filter colon ":" is required {{threeDecimalFormatter}}
      parameter says format upto 3 decimal place.

  </div>
</div>

JavaScript

angular.module("app",[])
.controller("filterCtr",function($scope,$filter){

    $scope.upperCaseName = $filter('uppercase')('nimish');
    $scope.lowerCaseName = $filter('lowercase')('NIMISH');
    $scope.twoDecimalFormatter =$filter('number')('2.3497','2');
    $scope.threeDecimalFormatter =$filter('number')('2.3467','4');
    
})