AngularJS – ng-disabled Direktifi
Merhaba,
HTML etiketlerini pasifize etmek için kullandığımız “disabled” attribute’una AngularJS’de müdahale edebilmek için ng-disabled direktifi oluşturulmuştur. Bu direktif sayesinde anlık bir müdahaleyle istediğimiz html elemanının disabled niteliğinde değişikiklik yapabilir ve projemize hız kazandırabiliriz.
<!DOCTYPE html>
<html>
<head>
<script src="~/Scripts/angular.min.js"></script>
</head>
<body ng-app="">
<input type="checkbox" ng-model="Durum" />
<br />
<!-- Durum modeli text nesnesine bağlanmaktadır.-->
<input type="text" ng-disabled="Durum" />
<br />
<select>
<option>Değer1</option>
<option>Değer2</option>
<!-- Durum modeli select nesnesi içerisindeki option nesnesine bağlanmaktadır.-->
<option ng-disabled="Durum">Değer3</option>
<option>Değer4</option>
</select>
<br />
<!-- Durum modeli select nesnesine bağlanmaktadır.-->
<select ng-disabled="Durum">
<option>Değer1</option>
<option>Değer2</option>
<option>Değer3</option>
<option>Değer4</option>
</select>
<br />
<!-- Durum modeli color nesnesine bağlanmaktadır.-->
<input type="color" ng-disabled="Durum" />
</body>
</html>
Yukarıdaki kod bloğunu incelerseniz eğer checkbox nesnesine bağlanan “Durum” modeli ile diğer nesnelerin ng-disabled direktifi beslenmekte ve şekillendirilmektedir.
Sonraki yazılarımda görüşmek üzere…
İyi çalışmalar…
