Chapter 2: Using data filters outside the template

by billy roberts

HTML

<script src="https://code.angularjs.org/1.3.2/angular.min.js"></script>
<div ng-app="myApp">
    <div ng-controller="Ctrl"> <pre>{{ user | json }}</pre>
        <p>{{ val | number : 4 }}</p>
        <p>{{ filteredVal }}</p>
    </div>
</div>

JavaScript

// use $filter programatically in the controller
// the primary use would be to build a custom filter
angular.module('myApp', [])
.controller('Ctrl', function ($scope, $filter) {
    $scope.val = 1234.56789;
    $scope.filteredVal = $filter('number')($scope.val, 4);
});