angularjs_curso

Las directivas en AngularJS son utilizadas para extender funcionalidades del HTML. son atributos especiales inicializados con el prefijo ng. En el siguiente artículo, discutiremos las siguientes  directivas:

ng-app: esta directiva inicializa una aplicación basada en AngularJS

ng-init: esta directiva define los datos iniciales de la  aplicación.

ng-model: esta directiva define la variables del modelo a utilizar en el modelo.

ng-repeat: esta directiva tiene la capacidad de repetir los elementos de un HTML basado en una colección.

Directiva ng-app

Esta directiva se usa para inicializar una aplicación en AngularJS. Esto define el elemento raíz de la  aplicación y automáticamente carga los componentes necesarios del framework. También se usa para iniciar varias módulos en una sola  aplicación. En el siguiente ejemplo, se definirá por defecto una aplicación usando la directiva ng-app en un elemento div.

[gist]ec1d52802a199b8f7020[/gist]

Directiva ng-init

Esta directiva inicializa los datos en un aplicación AngularJS. En el siguiente ejemplo se creara un arreglo de contactos definidas por medio de la notación JSON.

[gist]6a082083d27759501c2a[/gist]

Directiva ng-model

Esta directiva define las variables del modelo ha ser utilizadas en un aplicación AgularJS. En el siguiente ejemplo, se definirá una variable con el nombre “email“.

[gist]0f643cd60a85a650134d[/gist]

Directiva ng-repeat

Esta directiva tiene la capacidad de repetir elementos HTML basado en una colección de elementos. En el siguiente ejemplo se iterara la lista de contactos anterior:

[gist]5f272a97bbd262d07e08[/gist]

Ejemplo Completo

[gist]5ad4c1fc536cf31b2692[/gist]

Ejecutarhttps://jsfiddle.net/7t1592u5/