<!DOCTYPE html>
<html ng-app="app">
  
  <head>
    <link rel="stylesheet" href="style.css" />
  </head>

  <body ng-controller="Main as vm">
    
    <h2>DOM Filter</h2>
    {{ vm.number | currency : '€' : 0 }}
    
    <h2>Preprocessed Filter</h2>
    {{ vm.preprocessCurrency }}
    
    <script data-require="angular.js@1.3.16" data-semver="1.3.16" src="https://code.angularjs.org/1.3.16/angular.js"></script>
    <script src="app.js"></script>
  </body>
  
</html>
/* Styles go here */

See the corresponding blog post at: http://angularfirst.com/angular-filters
(function () {
    'use strict';
    
    angular
      .module('app', [])
      .controller('Main', main);

    function main($filter) {
        var vm = this;
        vm.number = 123456789.123456789;
        vm.preprocessCurrency = $filter('currency')(vm.number, '€', 0);
    }
})();