AngularJS Manual de referencia
Directivas de AngularJS
Directivas de AngularJS utilizadas en este tutorial:
| Directiva | Descripción |
|---|---|
| ng-app | Define el elemento raíz de la aplicación. |
| ng-bind | Vincula elementos HTML a los datos de la aplicación. |
| ng-bind-html | Vincula el innerHTML del elemento HTML a los datos de la aplicación y elimina los caracteres peligrosos de la cadena HTML. |
| ng-bind-template | Especifica el contenido de texto que se reemplazará con una plantilla. |
| ng-blur | Especifica el comportamiento del evento blur. |
| ng-change | Especifica la expresión a ejecutar cuando el contenido cambia. |
| ng-checked | Especifica si el elemento está seleccionado. |
| ng-class | Especifica la clase CSS que usa el elemento HTML. |
| ng-class-even | Similar a ng-class, pero solo funciona en filas pares. |
| ng-class-odd | Similar a ng-class, pero solo funciona en filas impares. |
| ng-click | Define el comportamiento cuando se hace clic en el elemento. |
| ng-cloak | Evita el parpadeo de la aplicación cuando está a punto de cargarse. |
| ng-controller | Define el objeto controlador de la aplicación. |
| ng-copy | Especifica el comportamiento del evento de copia. |
| ng-csp | Modifica la política de seguridad del contenido. |
| ng-cut | Especifica el comportamiento del evento de cortado. |
| ng-dblclick | Especifica el comportamiento del evento de doble clic. |
| ng-disabled | Especifica si un elemento está deshabilitado. |
| ng-focus | Especifica el comportamiento del evento de enfoque. |
| ng-form | Especifica que el formulario HTML herede el formulario del controlador. |
| ng-hide | Oculta o muestra elementos HTML. |
| ng-href | Especifica un enlace para el elemento <a>. |
| ng-if | Elimina el elemento HTML si la condición es falsa. |
| ng-include | Incluye un archivo HTML en la aplicación. |
| ng-init | Define los valores iniciales de la aplicación. |
| ng-jq | Define las bibliotecas que la aplicación debe usar, como: jQuery. |
| ng-keydown | Especifica el comportamiento del evento de tecla presionada. |
| ng-keypress | Especifica el comportamiento del evento de tecla presionada. |
| ng-keyup | Especifica el comportamiento del evento de soltar tecla. |
| ng-list | Convierte texto en una lista (array). |
| ng-model | Vincula el valor de los controles HTML a los datos de la aplicación. |
| ng-model-options | Especifica cómo actualizar el modelo. |
| ng-mousedown | Especifica el comportamiento al presionar el botón del mouse. |
| ng-mouseenter | Especifica el comportamiento cuando el puntero del mouse pasa sobre el elemento. |
| ng-mouseleave | Especifica el comportamiento cuando el puntero del mouse sale del elemento. |
| ng-mousemove | Especifica el comportamiento cuando el puntero del mouse se mueve dentro del elemento especificado. |
| ng-mouseover | Especifica el comportamiento cuando el puntero del mouse está sobre el elemento. |
| ng-mouseup | Especifica el comportamiento cuando se suelta el botón del mouse sobre el elemento. |
| ng-non-bindable | Especifica que el elemento o sus elementos secundarios no pueden vincular datos. |
| ng-open | Especifica el atributo open del elemento. |
| ng-options | Especifica las <options> en una lista <select>. |
| ng-paste | Especifica el comportamiento del evento de pegar. |
| ng-pluralize | Muestra información según las reglas de localización. |
| ng-readonly | Especifica el atributo readonly del elemento. |
| ng-repeat | Define la plantilla para cada elemento de datos de la colección. |
| ng-selected | Especifica el atributo selected del elemento. |
| ng-show | Muestra u oculta elementos HTML. |
| ng-src | Especifica el atributo src del elemento <img>. |
| ng-srcset | Especifica el atributo srcset del elemento <img>. |
| ng-style | Especifica el atributo style del elemento. |
| ng-submit | Especifica la expresión a ejecutar cuando ocurre el evento onsubmit. |
| ng-switch | Especifica la condición para mostrar u ocultar elementos secundarios. |
| ng-transclude | Especifica la posición de destino para la transclusión. |
| ng-value | Especifica el valor del elemento input. |
Análisis de filtrosFiltros de AngularJS。
Eventos de AngularJS
AngularJS admite los siguientes eventos:
- ng-click
- ng-dbl-click
- ng-mousedown
- ng-mouseenter
- ng-mouseleave
- ng-mousemove
- ng-keydown
- ng-keyup
- ng-keypress
- ng-change
Análisis de eventos:Eventos de Angular。
Atributos de validación de AngularJS
- $dirty
- $invalid
- $error
Análisis de validación:Validación de Angular。
API global de AngularJS
Conversión
| API | Descripción |
|---|---|
| angular.lowercase() | Convierte una cadena a minúsculas. |
| angular.uppercase() | Convierte una cadena a mayúsculas. |
| angular.copy() | Copia profunda de un array u objeto. |
| angular.forEach() | Función de iteración para objetos o arrays. |
Comparación
| API | Descripción |
|---|---|
| angular.isArray() | Devuelve true si la referencia es un array. |
| angular.isDate() | Devuelve true si la referencia es una fecha. |
| angular.isDefined() | Devuelve true si la referencia está definida. |
| angular.isElement() | Devuelve true si la referencia es un elemento DOM. |
| angular.isFunction() | Devuelve true si la referencia es una función. |
| angular.isNumber() | Devuelve true si la referencia es un número. |
| angular.isObject() | Devuelve true si la referencia es un objeto. |
| angular.isString() | Devuelve true si la referencia es una cadena. |
| angular.isUndefined() | Devuelve true si la referencia no está definida. |
| angular.equals() | Devuelve true si dos objetos son iguales. |
JSON
| API | Descripción |
|---|---|
| angular.fromJson() | Deserializa una cadena JSON. |
| angular.toJson() | Serializa una cadena JSON. |
Fundamentos
| API | Descripción |
|---|---|
| angular.bootstrap() | Iniciar AngularJS manualmente. |
| angular.element() | Envuelve una parte de un elemento DOM o una cadena HTML y lo trata como un elemento jQuery. |
| angular.module() | Crea, registra o recupera un módulo de AngularJS. |
Análisis de la API global:Angular API。
Otras extensiones