Latest web development tutorials

AngularJS HTML DOM

AngularJS fornece instruções para a ligação de dados de aplicativos atributos elementos HTML DOM.

instruções ng-disabled

instrução ng-disabled dados de aplicativos diretamente ligam a HTML propriedade deficientes.

AngularJS exemplos

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

<P>
<Button ng-disabled = "mySwitch "> Aponte-me! </ Button>
</ P>

<P>
<Input type = "checkbox" ng -model = "mySwitch"> botão
</ P>

<P>
{{}} MySwitch
</ P>

</ Div>

tente »

Exemplos de explicar:

ng-inválido instrução ligada aplicativo de dados "mySwitch" para HTML propriedade disabled.

ng-modelo directiva bind "mySwitch" para HTML conteúdo do elemento caixa de entrada (valor).

Se mySwitch verdade, o botão não estiver disponível:

<P>
<Button desativado> Aponte-me! </ Button>
</ P>

Se mySwitch é falsa, você pode usar o botão:

<P>
<Button> Aponte-me! </ Button>
</ P>

ng-show instruções

ng-show instruções ocultar ou exibir um elemento HTML.

AngularJS exemplos

<Div ng-app = "" >

<P ng-show = "true "> Eu sou visível. </ P>

<P ng-show = "false "> eu era invisível. </ P>

</ Div>

tente »

valor de comando ng-show com base no valor para exibir (ocultar) elementos HTML.

Você pode usar uma expressão para calcular um valor booleano (verdadeiro ou falso):

AngularJS exemplos

<Div ng-app = "" ng-init = "hora = 13 "> <P ng-show = "horas> 12 "> Eu sou visível. </ P> </ Div>

tente »

nota No próximo capítulo, vamos todos ser escondido, clicando no botão mais instâncias de um elemento HTML.

ng-hide comando

ng-hide comando para ocultar ou elementos de exibição HTML.

AngularJS exemplos

< div ng-app= "" >

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

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

< /div >

tente »