Pazartesi , 24 Temmuz 2017
Anasayfa » JavaScript » AngularJS » AngularJS Özel Filtre Oluşturma

AngularJS Özel Filtre Oluşturma

Bu yazıda angularjs ile özel filitre oluşturmayı inceleyeceğiz. Oluşturacağımız filtre bir fonksiyon olacak. Filtreleme ifadesine göre ekranda gösterilecek olan özel değerleri belirleyeceğiz.

Örneğimiz aşağıdaki resimden de anlaşılacağı gibi modelimizde bulunan cinsiyet değerleri veritabanından geldiğini düşünelim. Bu değerleri süzüp Kadın, Erkek, Seçilmedi olarak ekrana yazdıracağız.

 

angular-custom-filter

 

Modülün filter fonksiyonu kendisine gönderilen 0, 1, 2 değerlerini sırasıyla Seçilmedi, Kadın, Erkek olarak değiştirip geriye döndürecektir.  filter fonksiyonu modülün bir fonksiyonu olduğu için zincirleme yöntemi ile modüle bağlanıp oluşturulabilir.

filter fonksiyonu iki parametre almaktadır.

1.parametre: filtreye vereceğimiz isim

2.parametre: süzme işlemini yapacak anonim fonksiyon

 

şeklinde filtre fonksiyonumuzu oluşturduk. Oluşturulan fonksiyonu modüle bağlayalım.

 

SCRIPT:

 

 

HTML: Özel filtreyi HMTL içinde kullanmak için parametre olarak göndereceğimiz ifadenin yanına ( | ) filtre fonksiyonuna verdiğimiz isimle çağırıyoruz.

 

model üzerinden gelen 1, 2 değerlerini  filtreye cins olarak gönderip Kadın yada Erkek olarak geriye getirmekte ve ekrana yazdırmaktadır. Tüm HTML Kodlarını yazacak olursak.

 

 

HTML & SCRIPT

 

 

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