AngularJS HTML ANA SAYFA
AngularJS, uygulama verilerini HTML DOM öğelerinin özelliklerine bağlamak için yönergelere sahiptir.
ng devre dışı yönergesi
ng-disabled yönergesi, AngularJS uygulama verilerini HTML öğelerinin devre dışı bırakılmış özniteliğine bağlar .
AngularJS Örneği
<div ng-app="" ng-init="mySwitch=true">
<p>
<button ng-disabled="mySwitch">Click Me!</button>
</p>
<p>
<input type="checkbox" ng-model="mySwitch">Button
</p>
<p>
{{ mySwitch }}
</p>
</div>
Uygulama açıkladı:
ng-disabled yönergesi, mySwitch uygulama verilerini HTML düğmesinin devre dışı bırakılmış özniteliğine bağlar.
ng-model yönergesi , HTML onay kutusu öğesinin değerini mySwitch değerine bağlar .
mySwitch'in değeri true olarak değerlendirilirse düğme devre dışı bırakılır:
<p>
<button disabled>Click Me!</button>
</p>
mySwitch'in değeri false olarak değerlendirilirse düğme devre dışı bırakılmaz:
<p>
<button>Click Me!</button>
</p>
ng-show Direktifi
ng-show yönergesi bir HTML öğesini gösterir veya gizler .
AngularJS Örneği
<div ng-app="">
<p ng-show="true">I am visible.</p>
<p ng-show="false">I am not visible.</p>
</div>
ng-show yönergesi, ng-show değerine dayalı olarak bir HTML öğesini gösterir (veya gizler) .
Doğru veya yanlış olarak değerlendirilen herhangi bir ifadeyi kullanabilirsiniz:
AngularJS Örneği
<div ng-app="" ng-init="hour=13">
<p ng-show="hour > 12">I am visible.</p>
</div>
Sonraki bölümde, HTML öğelerini gizlemek için bir düğmenin tıklanmasının kullanıldığı daha fazla örnek vardır.
ng-hide Yönergesi
ng-hide yönergesi bir HTML öğesini gizler veya gösterir .
AngularJS Örneği
<div ng-app="">
<p ng-hide="true">I am
not visible.</p>
<p ng-hide="false">I am visible.</p>
</div>