JSAngular-13

Filters

by munir

HTML

<html ng-app>
    <div ng-controller="Filter">
        <ul>
            <li>{{price | currency:'ns'}}</li>
            <li>{{amount | number:5}}</li>
            <li>{{message | uppercase}}</li>
            <li>{{message | lowercase}}</li>
            <li>{{date | date:'yyyy MM dd'}}</li>
            <li>{{date | date:'yyyy-MM-dd'}}</li>
        </ul>
        <ul>
            <li ng-repeat="name in names | limitTo:2">{{name}}</li>
        </ul>
        <ul>
            <li ng-repeat="person in people | orderBy:'lastname'">{{person.firstname}} {{person.lastname}}</li>
        </ul>
    </div>
    <script>
        var Filter = function($scope){
            $scope.price = 11.50;
            $scope.amount = 103.123456789;
            $scope.message = 'Hello, World!';
            $scope.date = new Date();
            $scope.names = ["Tom","Laura","Zoe","Jeffrey"];
            $scope.people = [
                {firstname: "Tom", lastname: "Ashwoth"},
                {firstname: "Jeffrey", lastname: "Way"},
            ];
        };
    </script>
</html>