Pregled code-a:
<!DOCTYPE HTML> <html lang="hr"> <head> <meta charset="UTF-8"> <title>AngularJS - Predefinirani filteri</title> </head> <body ng-app="mojApp"> Primjer pokazuje neke predefinirane filtere. <hr> <br><br> <div ng-controller="MojCtrl" style="font:12px Verdana"> <br>brojevi <br><b>12.9 | number:0 daje: </b> {{12.9 | number:0}} <br><b>12.9588 | currency:'€' daje: </b> {{12.9588 | currency:'€'}} <br> <br>stringovi <br><b>'abCdefGH' | uppercase daje: </b> {{'abCdefGH' | uppercase }} <br><b>'abCdefGH' | lowercase daje: </b> {{'abCdefGH' | lowercase }} <br> <br>datumi <br><b>1288323623006 | date daje: </b> {{ 1288323623006 | date }} <br><b>1288323623006 | date:'mediumDate' daje: </b> {{ 1288323623006 | date:'mediumDate' }} <br><b>1288323623006 | date:'medium' daje: </b> {{ 1288323623006 | date:'medium' }} <br><b>1288323623006 | date:'short' daje: </b> {{ 1288323623006 | date:'short' }} <br><b>1288323623006 | date:'fullDate' daje: </b> {{ 1288323623006 | date:'fullDate' }} <br><b>1288323623006 | date:'longDate' daje: </b> {{ 1288323623006 | date:'longDate' }} <br><b>1288323623006 | date:'shortDate' daje: </b> {{ 1288323623006 | date:'shortDate' }} <br><b>1288323623006 | date:'mediumTime' daje: </b> {{ 1288323623006 | date:'mediumTime' }} <br><b>1288323623006 | date:'shortTime' daje: </b> {{ 1288323623006 | date:'shortTime' }} <br> <br><b>1288323623006 | date:'dd. M. yyyy. u hh:mm:ss' daje: </b> {{ 1288323623006 | date:'dd. M. yyyy. u hh:mm:ss' }} <br> <br>json <br><b>'abCdefGH' | lowercase daje: </b> {{{ime:'pero',godina:12} | json }} </div> <script src="../angularjs/1.2.9/angular.min.js"></script> <script> var mojModul = angular.module('mojApp', []); mojModul.controller('MojCtrl', function($scope){ //prazno }); </script> </body> </html>
Pregled stranice:
Pogledaj stranicu
../javascript/angularjs/primjeri/40filter_bind.html
.