AngularJS ha direttive per i dati delle applicazioni legame con gli attributi degli elementi HTML DOM.
La direttiva ng-disabled
La direttiva ng-disabile lega dati delle applicazioni AngularJS ai disabili attributo elementi HTML.
AngularJS Esempio
<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>
Prova tu stesso " Applicazione ha spiegato:
La direttiva ng-disabled lega il mySwitch dati dell'applicazione per l'attributo disabilitato del pulsante HTML.
La direttiva ng modello associa il valore dell'elemento casella di controllo HTML per il valore di mySwitch.
Se il valore di mySwitch restituisce true, il pulsante sarà disabilitato:
<p>
<button disabled>Click Me!</button>
</p>
Se il valore di mySwitch restituisce false, il pulsante non sarà disabilitato:
<p>
<button>Click Me!</button>
</p>
La direttiva ng presentazione
La direttiva ng presentazione mostra o nasconde un elemento HTML.
AngularJS Esempio
<div ng-app="">
<p ng-show="true">I am visible.</p>
<p ng-show="false">I am not visible.</p>
</div>
Prova tu stesso " La direttiva spettacoli ng-Show (o nasconde) un elemento HTML in base al valore di ng-show.
È possibile utilizzare qualsiasi espressione che restituisce true o false:
AngularJS Esempio
<div ng-app="" ng-init="hour=13">
<p ng-show="hour > 12">I am visible.</p>
</div>
Prova tu stesso "  | Nel prossimo capitolo, ci sono altri esempi, usando il clic di un pulsante per nascondere elementi HTML. |
|---|
La direttiva ng-pelle
La direttiva ng-nascondere nasconde o mostra un elemento HTML.
AngularJS Esempio
<div ng-app="">
<p ng-hide="true">I am
not visible.</p>
<p ng-hide="false">I am visible.</p>
</div>
Prova tu stesso "