Angular textarea

textarea

Açısal veri bağlama ile HTML elemanı textarea kontrol edin.

Kullanım Şekli

<textarea
  ng-model="string"
  [name="string"]
  [required="string"]
  [ng-required="string"]
  [ng-minlength="number"]
  [ng-maxlength="number"]
  [ng-pattern="string"]
  [ng-change="string"]
  [ng-trim="boolean"]>
...
</textarea>

Codepen Ön izleme

 

Angular select

select

HTML select’in açısal veri bağlama özelliğidir.

Kullanım Şekli

<select
  ng-model="string"
  [name="string"]
  [multiple="string"]
  [required="string"]
  [ng-required="string"]
  [ng-change="string"]
  [ng-options="string"]>
...
</select>

Codepen Ön izleme

 

 

Angular script

script

Bir içeriğini yükleme <script> içine sokulması $templateCache yüklemek şablonu ngInclude, ngView veya yönergeleri tarafından kullanılır. <script> öğesine text/ng-template olarak belirtilmeli ve şablon için bir önbellek ad daha sonrada bir yönerge templateUrl kullanılabilir, öğenin kimliği ile atanması gerekir.

Kullanım Şekli;

<script
  type="string"
  id="string">
...
</script>

Codepen Ön izleme

 

Angular ngValue

ngValue

<option> veya input[radio] ’ni değeri verilen ifadeye bağlar. Böylece eleman seçildiğinde ngModel o değere bağlı elemana göre ayarlanır.

Kullanım Şekli;

<input
  [ng-value="string"]>
...
</input>

Codepen Ön izleme

 

Angular ngTransclude

ngTransclude

Ekleme için kullanılan en yakın ana direktifin, DOM için ekleme noktasını işaret eder.

Kullanım Şekli;

<ng-transclude
  ng-transclude-slot="string">
...
</ng-transclude>

Codepen Ön izleme

 

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

 

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

 

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

 

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

 

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