Perşembe , 19 Ocak 2017
Anasayfa » JavaScript » AngularJS » AngularJS Arama Filitresi

AngularJS Arama Filitresi

AngularJS serach filter kullanarak arama işlemlerinin nasıl yapıldığını inceleyeceğiz.

search-filter-angular

Yukarıdaki arama kutucuğuna yazı girişi olduğunda, sadece tabloda eşleşen satırları göstermesi beklenir.  Daha fazla açıklama yapmadan uygulamamızı yazmaya başlayalım.

 

SCRIPT: Yine eski makalelerde kullandığım personel modelini kullanarak bu örneği açıklayacağım.

 

HTML: Arama için bir tane textbox ekledim. Text kutusuna model olarak arama ifadesini parametre olarak geçtim. arama ifadesini ng-repeat içinde filitre olarak listelemeye filter:arama olarak yerleştirmek arama filitresi için yeterli oldu.

HTML & SCRIPT Arama kutusuna girilen değerler hangi hücre ile eşleşirse o satırlar döndürülmektedir. isim,soyisim yada maas gibi özel bir filitreleme yoktur.

 

Belirlediğimiz özel bir alana göre arama yapmak istersek;

Sadece text kutusundaki arama modeline aranacak alanın adını özellik olarak eklemek yeterli olacaktır.

 

ANGULARJS ÖRNEK UYGULAMA

 

 

 

Hakkında Hayri

İlginizi Çekebilir

AngularJS $anchorscroll Servis Kullanımı

$anchorscroll servisi sayfada belirtilen bir noktaya hareket etmek için kullanılır.  Bu yazıda $anchorscroll, $location servisleri ve $anchorscroll() …

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Wordpress Tema indir