AngularJS hat Richtlinien für die Bindung von Anwendungsdaten auf die Attribute von HTML-DOM-Elemente.
Die ng behinderte Richtlinie
Die ng-disabled Direktive bindet AngularJS Anwendungsdaten an das disabled - Attribut von HTML - Elementen.
AngularJS Beispiel
<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>
Versuch es selber " Anwendung erklärt:
Die ng-disabled Richtlinie bindet die Anwendungsdaten mySwitch auf das disabled - Attribut des HTML - Taste.
Die ng-Modell Direktive bindet den Wert des HTML - Checkbox Element auf den Wert von mySwitch.
Wenn der Wert von mySwitch true ergibt, wird die Schaltfläche deaktiviert:
<p>
<button disabled>Click Me!</button>
</p>
Wenn der Wert von mySwitch falsch ergibt, wird nicht die Taste deaktiviert werden:
<p>
<button>Click Me!</button>
</p>
Die ng-Show-Richtlinie
Die ng-Show - Richtlinie zeigt oder verbirgt sich ein HTML - Element.
AngularJS Beispiel
<div ng-app="">
<p ng-show="true">I am visible.</p>
<p ng-show="false">I am not visible.</p>
</div>
Versuch es selber " Die ng-Show - Richtlinie zeigt (oder versteckt) ein HTML - Element basierend auf dem Wert von ng-Show.
Sie können einen beliebigen Ausdruck verwenden, die wahr oder falsch bewertet:
AngularJS Beispiel
<div ng-app="" ng-init="hour=13">
<p ng-show="hour > 12">I am visible.</p>
</div>
Versuch es selber "  | Im nächsten Kapitel gibt es mehr Beispiele, mit dem Klick auf eine Schaltfläche HTML-Elemente zu verstecken. |
|---|
Die ng-hide Richtlinie
Die ng-hide Richtlinie verbirgt oder zeigt ein HTML - Element.
AngularJS Beispiel
<div ng-app="">
<p ng-hide="true">I am
not visible.</p>
<p ng-hide="false">I am visible.</p>
</div>
Versuch es selber "