Etiket: Angular dersleri

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