<!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);
}
})();