JSFiddle - React, Tailwind, and code Playground

by Nimish Chandola

HTML

<div data-ng-app="app">
  <div data-ng-controller="filterCtr">
      
     Uppercase filter convert string to uppercase:  {{'nimish'|uppercase}}
      <br/>
      <hr/>
      Lowercase filter convert string to lowercase: {{'NIMISH'|lowercase}}
      <br/>
      <hr/>
      Number format number as text if input is not a number empty string is returned {{2.3467|number:2}} {{"hello"|number:2}}
      <br/>
      <hr/>
      To pass parameter to filter colon ":" is required {{2.3467|number:3}}
      parameter says format upto 3 decimal place.
      <br/>
      <hr/>
      Date filter  {{myDate|date:'fullDate'}}
      <br/>
      Date filter  {{myDate|date:'medium'}}
      <br/>
      Date filter  {{myDate|date:'short'}}
      <br/>
      There are lots of other parameters to date filter for hour, minutes, seconds, etc.
  </div>
</div>

JavaScript

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

    $scope.myDate= new Date();
    
})