angularjs-logo

Las siguientes directivas, son utilizadas para empaquetar atributos de elementos HTML.

  1. ng-disable: inhabilitar un elemento DOM
  2. ng-show: muestra el elemento DOM
  3. ng-hide: esconde el elemento DOM
  4. ng-click: se detecta el evento click, sobre un elemento DOM.

Directiva ng-disable

Al agregar el atributo ng-disabled al botón y pasar este por una variable el modelo. Cuando se selecciona el checkbox, la variable queda true y el botón se inhabilitara.[gist]1b883a1bdf427beaf4c5[/gist]

Directiva ng-show

Igual que la anterior directiva, la variable del modelo controla si se muestra o no el botón.

[gist]cd25f1b85d5fef58672e[/gist]

Directiva ng-hide

En vez de mostrar esta directiva oculta el elemento HTML.

[gist]5a7047cafa0afbdc44fe[/gist]

Directiva ng-click

Este directiva detecta el evento click sobre un elemento HTML.

[gist]770093abe68f1098440b[/gist]

Ejecutarhttps://jsfiddle.net/AFelipeTrujillo/768fd4yv/5/