Angular ngStyle

ngStyle

Bu yöntem html öğesine koşullu bir style tanımlamanızı sağlar.

Kullanım Şekli;

<ANY
  ng-style="expression">
...
</ANY>

Codepen Ön izleme

 

Posted on by Samed GÖZÜTOK 0

Angular ngSrc

ngSrc

İmg tagının orijinal src değerini geçersiz kılar. Eğer src değerine angularjs ifadesi girilecekse bu yöntemin kullanılması önerilir. Angularjs kodu kontrol ederek çalıştığını denetler.

Kullanım Şekli;

<IMG
  ng-src="template">
...
</IMG>

Codepen Ön izleme

 

Posted on by Samed GÖZÜTOK 0

Angular ngShow

ngShow

Öğenin üzerime ng-hide classı ekleyerek ya da kaldırarak öğeyi gösterip gizlemeye yarar. animate-hide classını kullanarak animasyonlu gizlenip gösterilmesini sağlayabilirsiniz.

Kullanım Şekli;

<ANY
  ng-show="expression">
...
</ANY>

Codepen Ön izleme

 

Posted on by Samed GÖZÜTOK 0

Angular ngSelected

ngSelected

Bu özellik select listesindeki option’nın seçili niteliğini belirtir.

Kullanım Şekli;

<OPTION
  ng-selected="expression">
...
</OPTION>

Codepen Ön izleme

 

Posted on by Samed GÖZÜTOK 0

Angular ngRequired

ngRequired

ngModel için gerekli doğrulayıcıyı ekler. En çok kullanılan input, select gibi girişlerin haricinde birçok özel kontrol için de uygulanabilir. Forumdaki girişlerin gerekliliğini belirtir. Giriş alanlarının boş bırakılmaması gerektiğini bu özelliği kullanarak belirtebilirsiniz.

Kullanım Şekli;

<ANY>
...
</ANY>

Codepen Ön izleme

 

Posted on by Samed GÖZÜTOK 0

Angular ngRepeat

ngRepeat

Angularjs ng-repeat yönergesi bir döngü koleksiyonu için bir şablon oluşturur. Koleksiyondaki her öğenin kendi şablonunu ve kapsamını verilir.

Kullanım Şekli;

<ANY
  ng-repeat="repeat_expression">
...
</ANY>

Codepen Ön izleme

 

Posted on by Samed GÖZÜTOK 0

Angular ngReadonly

ngReadonly

İnput value değerini kilitleyerek değer girmenizi, değiştirmenizi engeller. Örneğin formu doldurdum onaylıyorum şeklinde bir checkbox işaretlendikten sonra bütün formu kilitleyebilirsiniz.

Kullanım Şekli

<INPUT
  ng-readonly="expression">
...
</INPUT>

Codepen Ön izleme

 

Posted on by Samed GÖZÜTOK 0

Angular ngPluralize

Angular ngPluralize

en-US yerleştirme kuralına göre mesajlar görüntüleyen bir direktif. Görüntülenecek çoğul kategorileri ve dizeler arasındaki eşleşmeyi yapılandırarak yönergeyi çoğul yapabilirsiniz. Örneğin yorumları ‘Ahmet, Mehmet ve 96 kişi daha görüntüledi…’ ibaresinde Ahmet, Mehmet gibi isimlerin kaç tanesinin görüntüleneceğini ve kaç isimden sonra rakamsal ifadeye çevrileceğini ayarlayabilirsiniz.

Kullanım şekli;

<ng-pluralize
  count=""
  when="string"
  [offset="number"]>
...
</ng-pluralize>

Codepen Ön izleme

 

Posted on by Samed GÖZÜTOK 0

Angular ngPattern

Angular ngPattern

ngModel için doğrulayıcı desen ekler. Sıklıkla metin tabanlı giriş için kullanılır ve karakter sınırlaması getirilir.

Codepen Ön izlemesi

Kullanım Şekli

<ANY>
...
</ANY>
Posted on by Ahmet Çağlayan 0

Angular ngPaste

Angular ngPaste

Yapıştırma olayı için bir özellik oluşturmanızı sağlar.

Codepen Ön izlemesi

Kullanım Şekli

<window, input, select, textarea, a
ng-paste=”expression”>
…
</window, input, select, textarea, a>

Posted on by Ahmet Çağlayan 0