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
Etiket: Angular anlatımı
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 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 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 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