0
AngularJS Filters nedir?
AngularJS Filtreler ne işe yarar?
0
AngularJS Filtreler nedir? AngularJS Filtreler ne işe yarar?
Filtreler AngularJS içinde verileri formatlamak için kullanılır. AngularJS'de şu filtreleri bize sağlar:
Filtreler {{ ifade | filtre}} şeklinde kullanılır.
<div ng-app="">
{{ 'UZMANIM' | lowercase }}
</div>
bu AngularJS ifadesinin çıktısı "uzmanim" olacaktır.
AngularJS currency filtresi için örnek:
<body ng-app="app">
<p ng-controller="ctrl">
Fiyat {{fiyat |currency:"TR"}}
</p>
<script>
var app = angular.module("app", []);
app.controller('ctrl', function ($scope) {
$scope.fiyat = 34;
})
</script>
</body>
Yukarıdaki örnekte ekrana çıktı Fiyat TR34.00 olacakır.
AngularJS filter filtresi için örnek:
<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
</head>
<body ng-app="app">
<div ng-controller="ctrl">
<h1>uzmanlar</h1>
<ul>
<li ng-repeat="u in uzmanlar | filter : 'm'">{{u}}</li>
</ul>
</div>
<script>
var app = angular.module("app", []);
app.controller('ctrl', function ($scope) {
$scope.uzmanlar = ['hakan', 'candan', 'temmuz', 'ismailsarp', 'araz01'];
})
</script>
</body>
</html>
Yukarıdaki örnekte uzmanlar 'm' harfine göre filtrelenecektir. İçinde m harfi olan uzmanlar listelenecektir. Ekrana
gelecektir.
Cevap yazabilmek için üye girişi yapmalısınız.
Eğer uzmanim.net üyesiyseniz giriş yapabilirsiniz: üye girişi yap
uzmanim.net'e üye olmak çok kolaydır: hemen kayıt ol