AngulaJS Filters

by Shaun Luttin

HTML

<div ng-app="App">
    <ul ng-controller="CtnlFilters">
        <li>{{ 10 | currency }}</li>
        <li>{{ 10 | date }}</li>
        <li>Numbers
            <ul ng-repeat="number in numbers | filter:5">
                <li>{{ number }}</li>
            </ul>
        </li>
    </ul>
</div>

CSS

</style> <!-- Ugly Hack to make remote files preload in jsFiddle --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular.min.js"></script> <style>

JavaScript

angular.module('App', []);

function CtnlFilters($scope) {

    var numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
    $scope.numbers = numbers;

}