AngularJS - Using Filters

HTML

<script src="http://code.angularjs.org/1.1.4/angular.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<ul ng-app="myapp" ng-controller="FirstCtrl">
    <li>json: {{ item | json }}</li>
    <li>uppercase: {{ item.name | uppercase }}</li>
    <li>lowercase: {{ item.name | lowercase }}</li>
    <li>number: {{ item.price | number:3 }}</li>
    <li>currency: {{ item.price | currency }}</li>
    <li>date: {{ item.since | date }}</li>
</ul>

JavaScript

var myapp = angular.module('myapp', []);
myapp.controller('FirstCtrl', function ($scope) {
    $scope.item = { name: 'Lasagne', price: 22.5, since:new Date() };
});