AngularJS are directive pentru datele aplicației care se leagă la atribute ale elementelor DOM HTML.
Directiva-ng cu handicap
Directiva-ng cu handicap se leagă datele aplicației AngularJS la disabled atributul de elemente HTML.
AngularJS Exemplu
<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>
Încearcă - l singur » Aplicație a explicat:
Directiva-ng cu handicap leagă mySwitch de date aplicație pentru atributul dezactivat butonul HTML.
Directiva privind ng model leagă valoarea elementului HTML checkbox la valoarea mySwitch.
În cazul în care valoarea mySwitch evaluează la true, butonul va fi dezactivat:
<p>
<button disabled>Click Me!</button>
</p>
În cazul în care valoarea mySwitch evaluează la false, butonul nu va fi dezactivat:
<p>
<button>Click Me!</button>
</p>
NG-show directivă
Directiva ng-spectacol arată sau ascunde un element HTML.
AngularJS Exemplu
<div ng-app="">
<p ng-show="true">I am visible.</p>
<p ng-show="false">I am not visible.</p>
</div>
Încearcă - l singur » De ng show show directive (or hides) un element HTML pe baza valorii ng-show.
Puteți utiliza orice expresie care se evaluează la adevărat sau fals:
AngularJS Exemplu
<div ng-app="" ng-init="hour=13">
<p ng-show="hour > 12">I am visible.</p>
</div>
Încearcă - l singur » În capitolul următor, există mai multe exemple, folosind un clic pe un buton pentru a ascunde elemente HTML.
Ng-ascunde Directiva
Directiva ng-ascunde ascunde sau prezintă un element HTML.
AngularJS Exemplu
<div ng-app="">
<p ng-hide="true">I am
not visible.</p>
<p ng-hide="false">I am visible.</p>
</div>
Încearcă - l singur »