number
<html
>
<head>
<script src="https://code.angularjs.org/1.5.0/angular.js"></script>
</head>
<body
ng-app>
<input ng-model='sayi' ng-init="sayi=1234567">
<p>Varsayılan Formatlama:{{sayi
| number}}</p>
<p>Kesirleri Kırmak için: {{sayi
| number:0}}</p>
<p>Negatif ve hassasiyet
derecesi ayarlanabilir format: {{-sayi | number:4}}</p>
</body>
</html>
json
<html
>
<head>
<script src="https://code.angularjs.org/1.5.0/angular.js"></script>
<body>
<div
ng-app="myApp"
ng-controller="jsCtrl">
<h1>Yazılım Dillleri:</h1>
<pre>{{yazilim | json}}</pre>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('jsCtrl', function($scope) {
$scope.yazilim = ["angularjs", "c#", "python"];
});
</script>
</body>
</html>
Date
<html
>
<head>
<script src="https://code.angularjs.org/1.5.0/angular.js"></script>
<script
src="angular-locale_tr-tr.js"></script>
</head>
<body ng-app="myApp"
>
<div
ng-controller="datCtrl">
<p>Date
= {{
today
| date
}}</p>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('datCtrl', function($scope) {
$scope.today = new Date();
});
</script>
</body>
</html>
date Format
p>Date = {{ today | date
:"yy" }}</p>
Filter
<html
>
<head>
<script src="https://code.angularjs.org/1.5.0/angular.js"></script>
</head>
<body>
<div
ng-app="myApp"
ng-controller="araCtrl">
Aranacak Kelime: <input
type='text'
ng-model='ara'>
<ul> <li ng-repeat="x
in dersler | filter
: ara">{{x}}</li></ul>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('araCtrl', function($scope) {
$scope.dersler = ["Matematik",
"Fizik", "Kimya", "angularjs",
"algoritma","sqlserver","oracle","Türkçe"];
});
</script>
</body>
</html>
Filter- uygulama
Ekran Çıktıları:
Filter- uygulama 2:
Aranılan
kelime her iki sutundada
olmalı
Aranılan
kelime herhangi iki sutundan
birinde olmalı
CUSTOM
FİLTER
<html
>
<head>
<script src="https://code.angularjs.org/1.5.0/angular.js"></script>
</head>
<body
NG-APP="myApp">
<input type="text"
ng-model="name"
ng-init="name = 'eSRA
sAlman'">
<h3>{{name |
myFilter}}</h3>
<script>
angular.module('myApp', [])
.filter('myFilter', function() {
return function(input) {
return input.toUpperCase();
}
});
</script>
</body>
</html>
Hiç yorum yok:
Yorum Gönder