Angular - Conceptos Básicos - BLOG

angular-logo

Conceptos sobre el framework Angular, se utiliza para crear aplicaciones Web SPA.

1.   Instalación 

véalo aquí: Instalación

 

2.   Creación del Proyecto

- Crear una carpeta 

- Dirigirse a esa carpeta a través del cmd

- Escribir el comando ng new nombre-app

- Elegir el formato CSS

 

3.   Ejecución del Proyecto

véalo aquí: Ejecutar-proyecto-en-angular


4.   Funcionamiento SPA

Las páginas Angular tienen el comportamiento SPA 

Single Page Application formato


5. Creación de Componentes
   Véalo aquí: crear-componentes-angular

4.   Interpolación

Es una forma dinámica de obtener y mostrar datos en nuestra aplicación.

Ejemplo:

Creamos propiedades para nuestra clase Empleado

Clase empleado

Podemos usar estas propiedades en nuestro HTML usando llaves

HTML5-Section


5.   Property Binding(Enlace de propiedad)

Se trata de establecer una conexión, puente, entre el documento HTML y el documento TypeScript de la clase, para poder acceder a las propiedades de cualquier objeto que se encuentre en el HTML. Se utilizan los "[]".

property binding


6.   Event Binding(Vinculación de eventos)

Consiste en asignar un evento en nuestro HTML, y que este responda según lo programado en nuestro TypeScript. Se utilizan los “()”. 

event binding


7.   Binding Bidireccional

La comunicación y envió de eventos lo realiza tanto el Doc. HTML5, como el archivo TypeScript.

bidireccional binding


8.   Importar Bootstrap para usar en Angular

Vealo aquí.


Publicar un comentario

0 Comentarios