AngularJS’e Giriş 2

Selamlar;

Bugün AngularJS’e Giriş makalesinde tartıştığımız konulara devam ediyoruz.

AngularJS’de Filterlar: Aşağıda başlıca bahsedilecek filterlar belirtilmiştir.

  • Currency.
  • Filter.
  • Lowercase.
  • Order By.
  • Uppercase.

Currency: Fiyat yanına yazılan para birimini belirler.

İlgili ekran çıktısı aşağıdaki gibidir:

Currency

Order By:  Belirli bir kayıt kümesini belirlenen kolona göre sıraya koymaya yarar. Aşağıdaki örnekte ilgili data kümesi isme göre sıralanmıştır.

İlgili ekran çıktısı aşağıdaki gibidir:

Order

Kullanıcıdan girilen değere göre kayıt kümesinde filitreleme: “filter” ile belli modele göre eleme yapılmaktadır. Ayrıca “uppercase” filter’ı ile belirtilen alan büyük harfe çevrilir.

Örnek ekran çıktısı aşağıdaki gibidir:

Filter

Checkbox ile bir buttonu Model’e bağlı olarak Enable ve Disable yapma:

Örnek ekran çıktısı aşağıdaki gibidir: isEnable değişkeni “true” ve “false” yapılarak “ng-disabled” directive ile “Gönder” buttonu aktif, pasif hale getirilir.

Check

ng-show Directive: Bir yazıyı belli bir değere göre gösterme.

AngularStart2

Button ve Click İşlemleri : Button tıklandığı zaman count değişkeni 1 arttırılır. Buna bağlı olarak {{ count }} değeri dinamik olarak 1 artar.

AngularStart2_1

Function() ve “ng-show” directive: Aşağıdaki örnekde isim ve adres bilgisi “isShow” değişkenine göre button’a tıklanılarak “ng-show” directive’i sayesinde bir gösterilir bir gizlenir. Tıklanma anında dene() function’ı çağrılır.

Dene Tıklanmadan Önce:

Dene2

Dene Tıklandıktan Sonra:

Dene1

Geldik bir makalenin daha sonuna. Yeni bir makalede görüşmek üzere hoşçakalın.

Herkes Görsün:

Bunlar da hoşunuza gidebilir...

8 Cevaplar

  1. çağrı dedi ki:

    bora abi işin bir konuda sorum olacaktı

    phonegap cordova da bir videoyu stream etmek istersek bunun arkasında ne kullanabiliriz?

    • borsoft dedi ki:

      Selam Çağrı;
      Alttaki Link’e bir göz atmanı tavsiye ederim. Plugreg cordova için güzel bir plugindir… Android ve IOS Destekler..
      http://plugreg.com/plugin/nchutchind/Streaming-Media-Cordova-Plugin

      İyi çalışmalar.

      • çağrı dedi ki:

        abi tam aradığım şeydi büyüksün

        • çağrı dedi ki:

          bir soru daha sormak istiyorum abi , xamarin ve phonegap(cordova) arasında bir seçim yapsanız hangisini tercih edersiniz ve nedeninide öğrenebilirmiyim?

          • borsoft dedi ki:

            Ben Xamarin’ciyim:) Bunu herkez bilir :) Ama phonegap’inde başka artıları yok değil.. Bir de Xamarin Bussines Pack’i yani Visual Studio ortamında çalışan versiyonu biraz tuzlu:)
            Ama Android ve IOS ortamına ayrı ayrı kod yazmadan tek kod ile işi bitirmeni başarılı bir şekilde sağlıyor..

          • cağrı dedi ki:

            abi aynen :) .Xamarinin indie versionunda xamarin.forms a izin veriyor fakat sıkıntısı visual studio eklentisi yok dediğin gibi .Indie versiyonu yeterli olurmu xamarinin kendi idesi yeterlimi sizce?

          • borsoft dedi ki:

            Yani ben kullanmadım. Ama kullananlar yeterli olduğunu söylüyorlar..

  2. Selçuk İtmiş dedi ki:

    Çok açıklayıcı ve anlatıcı olmuş. Gerçekten elinize sağlık. Çok farklı örnekleri de görmek istiyoruz

Bir Cevap Yazın

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