Latest web development tutorials

AngularJS HTML-DOM

AngularJS enthält Anweisungen für die Anwendungsdaten Attribute HTML-DOM-Elemente zu binden.

ng-disabled Anweisung

ng-disabled Anweisung direkt binden Anwendungsdaten in HTML - Eigenschaft disabled.

AngularJS Beispiele

<Div ng-app = "" ng-init = "mySwitch = true">

<P>
<Taste ng-disabled = "mySwitch "> Zeigen Sie mich! </ Button>
</ P>

<P>
<Input type = "checkbox" ng -Modell = "mySwitch"> Taste
</ P>

<P>
{{Myswitch}}
</ P>

</ Div>

Versuchen »

Beispiele zu erklären:

ng-disabled weisungsgebundenen Anwendungsdaten "mySwitch" zu HTML ist deaktiviert Eigenschaft.

ng-Modell Richtlinie binden "mySwitch" , um HTML - Eingabe Checkbox Elementinhalt (Wert).

Wenn mySwitch wahr ist , ist die Schaltfläche nicht verfügbar:

<P>
<Taste deaktiviert> Richten Sie mich! </ Button>
</ P>

Wenn mySwitch falsch ist, können Sie die Taste verwenden:

<P>
<Button> Richten Sie mich! </ Button>
</ P>

ng-Show Anweisungen

ng-Show Anweisungen verbergen oder ein HTML - Element angezeigt werden soll .

AngularJS Beispiele

<Div ng-app = "" >

<P ng-show = "true "> Ich bin sichtbar. </ P>

<P ng-show = "false "> Ich war unsichtbar. </ P>

</ Div>

Versuchen »

ng-show - Sollwert basierend auf dem Wert anzuzeigen (ausblenden) HTML - Elemente.

Sie können einen Ausdruck verwenden, um einen Booleschen Wert (wahr oder falsch) zu berechnen:

AngularJS Beispiele

<Div ng-app = "" ng-init = "Stunde = 13 "> <P ng-show = "Stunde> 12 "> Ich bin sichtbar. </ P> </ Div>

Versuchen »

Note Im nächsten Kapitel werden wir alle durch Klicken auf die Schaltfläche mehrere Instanzen eines HTML-Elements ausgeblendet werden.

ng-hide Befehl

ng-hide Befehl zu verbergen oder Anzeige von HTML - Elementen.

AngularJS Beispiele

< div ng-app= "" >

< p ng-hide= "true" >我是不可见的。 < /p >

< p ng-hide= "false" >我是可见的。 < /p >

< /div >

Versuchen »