Pazartesi , 11 Aralık 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 Template (Asp.net WebService)

Bu yazıda oluşturduğumuz ürünler template sayfasını ile veri tabanındaki kayıtları birleştireceğiz. Öncelikle bilmeniz gereken bu …

Bir Cevap Yazın

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