Angularjs ng-if directiva
Instancia de angularjs
Desactivar y eliminar contenido:
<! Doctype html> <html> <fead> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <cuerpo ng-app = "> Keep html: <inping typeBox" ng-model = "myvar" ng-init = "myvar = true"> <div ng-if = "myvar"> <h1> bienvenido </h1> <p> Bienvenido a mi hogar. </p> <hr> </div> <p> El elemento DIV se elimina cuando el cuadro de verificación no se compre. </p> <p> Cuando la casilla de verificación se vuelve a seleccionar, el elemento div se volverá a mostrar. </p> </body> </html>
Definición y uso
La Directiva NG-IF se usa para eliminar elementos HTML cuando la expresión es falsa.
Si el resultado de la ejecución de la instrucción IF es verdadera, el elemento eliminado se agregará y se mostrará.
La Directiva NG-IF es diferente de Ng-Hide, donde Ng Hide oculta elementos, mientras que NG-IF elimina elementos del DOM.
gramática
<elemento ng-if = "expresión"> </elemento>
Todos los elementos HTML admiten esta directiva.
Valor de parámetro
| valor | describir |
|---|---|
| Expresión | Si la expresión devuelve falso, se eliminará todo el elemento y, si es verdadero, se agregará el elemento. |
Lo anterior es una compilación del conocimiento básico de AngularJS. Continuaremos agregándolo más tarde. Gracias por su apoyo.