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 ngSwitch

ngSwitch

Bir ifadeye bağlı html öğelerini gizleyip göstermeye yarar. ng-switch-when komutu ile uyuşan değer sağlandığı zaman diğer kardeş when elemanları silinecek ve uyuşan eleman gösterilecektir. ng-switch-default ile varsayılan bölümü gösterebilirsiniz. Yine herhangi bir ng-switch-when bölümü ile uyuşma sağlanınca default ifade silinecektir.

Kullanım Şekli;

<ANY ng-switch="expression">
  <ANY ng-switch-when="matchValue1">...</ANY>
  <ANY ng-switch-when="matchValue2">...</ANY>
  <ANY ng-switch-default>...</ANY>
</ANY>

Codepen Ön izleme

 

Angular ngSubmit

ngSubmit

Açısal ifadeleri onSubmit olayına bağlamaya yarar. Diğer bir değişle submit butonuna tıklatıldığında form için bir işlev belirlenir. Formda eksik uygulanmış bir eylem varsa form gönderilmeden durdurulacaktır.

Kullanım Şekli;

<form
  ng-submit="expression">
...
</form>

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