Latest web development tutorials

AngularJS HTML DOM

AngularJS fornisce le istruzioni per i dati delle applicazioni vincolante attributi elementi DOM HTML.


istruzioni ng-disabled

istruzione ng-disabile dati delle applicazioni direttamente legano a HTML disabilitato proprietà.

AngularJS esempi

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

<P>
<Pulsante ng-disabled = "mySwitch "> Mi punto! </ Button>
</ P>

<P>
<Input type = "checkbox" ng -model = "mySwitch"> pulsante
</ P>

<P>
{{}} Nome_switch
</ P>

</ Div>

Prova »

Esempi di spiegare:

ng-disabile di istruzioni legato Dati applicazioni "mySwitch" in HTML disabilitato proprietà.

ng-modello di direttiva bind "mySwitch" al contenuto elemento casella di input HTML (valore).

Se mySwitch vero, il pulsante non è disponibile:

<P>
<Pulsante disabilitato> me punto! </ Button>
</ P>

Se mySwitch è falso, è possibile utilizzare il tasto:

<P>
<Button> Puntare me! </ Button>
</ P>

ng-show istruzioni

ng-show istruzioni nascondere o visualizzare un elemento HTML.

AngularJS esempi

<Div ng-app = "" >

<P ng-show = "true "> Io sono visibili. </ P>

<P ng-show = "false "> Mi era invisibile. </ P>

</ Div>

Prova »

ng-Mostra valore di comando in base al valore per visualizzare (nascondere) elementi HTML.

È possibile utilizzare un'espressione per calcolare un valore booleano (vero o falso):

AngularJS esempi

<div ng-app = "" ng-init = "ora = 13 "> <P ng-show = "ore> 12 "> Io sono visibili. </ P> </ Div>

Prova »

nota Nel prossimo capitolo, saremo tutti essere nascosto facendo clic sul pulsante più istanze di un elemento HTML.

ng-comando Nascondi

ng-comando Nascondi per nascondere o elementi di visualizzazione HTML.

AngularJS esempi

< div ng-app= "" >

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

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

< /div >

Prova »