-
Notifications
You must be signed in to change notification settings - Fork 0
/
13.Lesson_function-filter.html
65 lines (42 loc) · 2.24 KB
/
13.Lesson_function-filter.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>13.Lesson_function-filter</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.10/angular.min.js"></script>
<script>
var ControllerExample = angular.module("myapp", []);
ControllerExample.controller("mycontrol", function( $scope ){
//isimler adında boş bir dizi oluşturuldu
$scope.isimler = [];
//kullanıcıların verilerinin yer aldığı veriler dizisi tanımlandı
$scope.veriler = [
{"ad" : "Elif", "soyad" : "AVŞAR", "yas" : 24, "borc" : 90},
{"ad" : "Fırat", "soyad" : "HAMARAT", "yas" : 24, "borc" : 20},
{"ad" : "Ali", "soyad" : "SÖNMEZ", "yas" : 15, "borc" : 150},
{"ad" : "Veli", "soyad" : "SÖNER", "yas" : 25, "borc" : 45},
{"ad" : "Ayşe", "soyad" : "SÖNECEK", "yas" : 12, "borc" : 55},
{"ad" : "Mehmet", "soyad" : "SÖNDÜ", "yas" : 22, "borc" : 25}
];
//BilgiGetir fonksiyonu oluşturularak, AlinanBorcBilgisi parametre olarak eklendi
$scope.bilgiGetir = function( AlinanBorcBilgisi ){
$scope.isimler = $scope.veriler.filter( function( KBBilgisi ){
return KBBilgisi.borc > AlinanBorcBilgisi;
});
}
});
</script>
</head>
<body ng-app="myapp" ng-controller="mycontrol">
<!-- Input alanı ile hangi borc aralığı görülmek isteniyorsa girilir -->
<input type="text" ng-model="btnBorcBilgisi" placeholder="Borc Tutarını Giriniz:">
<!-- Getir adlı buton ile parametre alarak BilgiGetir fonksiyonu çağrıldı -->
<button ng-click="bilgiGetir( btnBorcBilgisi )">Getir</button>
<ul>
<li ng-repeat="isim in isimler">
{{isim}} --> {{isim.ad}} {{isim.soyad}} {{isim.yas}} {{isim.borc}}
</li>
</ul>
</body>
</html>