Preview:
<!DOCTYPE html>

<html ng-app>

<head>

  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.3/angular.min.js"></script>

  <title>AngularJS Filter Input</title>

</head>

<body>

<h2>Enter Name and Amount</h2>

Name: <input ng-model="name" placeholder="Enter name"><br>

Amount: <input type="number" ng-model="amount" placeholder="Enter amount"><br><br>

<p>Uppercase: {{name | uppercase}}</p>

<p>Lowercase: {{name | lowercase}}</p>

<p>Currency: {{amount | currency}}</p>

</body>

</html>
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter