En son web geliştirme öğreticiler
 

AngularJS HTML DOM


Angularjs için uygulama verileri bağlanma için direktifler sahip HTML DOM elemanlarının nitelikleri.


ng engelli Yönergesi

Ng özürlü yönergesi angularjs uygulama verilerini bağlanan disabled HTML öğelerinin öznitelik.

angularjs Örnek

<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>
Kendin dene "

Uygulama açıkladı:

Ng-özürlü yönergesi HTML düğmesinin engelli özniteliği için uygulama veri mySwitch bağlar.

Ng model yönergesi mySwitch değerine HTML kutusunun öğesinin değerini bağlanır.

MySwitch değeri true olarak değerlendirilirse, düğme devre dışı bırakılacak:

<p>
<button disabled>Click Me!</button>
</p>

MySwitch değeri false olarak değerlendirilirse, düğme devre dışı bırakılmaz:

<p>
<button>Click Me!</button>
</p>

ng göstermek Direktifi

Ng-show yönergesi gösterir veya bir HTML elementi gizler.

angularjs Örnek

<div ng-app="">

<p ng-show="true">I am visible.</p>

<p ng-show="false">I am not visible.</p>

</div>
Kendin dene "

Ng göstermek yönergesi gösterir (or hides) ng-show değerine göre bir HTML elemanı.

Sen doğru veya yanlış olarak değerlendirir herhangi bir ifade kullanabilirsiniz:

angularjs Örnek

<div ng-app="" ng-init="hour=13">

<p ng-show="hour > 12">I am visible.</p>

</div>
Kendin dene "

Bir sonraki bölümde, daha fazla örnek HTML öğelerini gizlemek için bir düğmeye tıklama kullanarak vardır.


ng gizleme Direktifi

Ng gizleme yönergesi gizler veya bir HTML elemanını göstermektedir.

angularjs Örnek

<div ng-app="">

<p ng-hide="true">I am not visible.</p>

<p ng-hide="false">I am visible.</p>

</div>
Kendin dene "