Angular 4

Es un Framework que facilita la creación de aplicaciones web. Angular combina plantillas

declarativas, inyección de dependencias herramientas de extremo a extremo y las mejores prácticas
para ser aplicadas en el desarrollo FrontEnd.

Desde la aparición de Angular la nueva versión de AngularJS se pueden crear aplicaciones tanto para
la web, móvil e incluso el escritorio, convirtiendolo en un Framework muy funcional para los
desarrolladores.

Ejemplo 1: Creación de componentes

En el proyecto creado, se debe definir la estructura de las dependencias en el módulo app.module.ts

Se debe declarar una vista en el archivo app.component.html

El controlador se declara en el archivo app.component.ts

Ejecutamos el comando ng serve

Obtendremos el siguiente resultado:

Ejemplo 2: Aplicación que pueda enviar o recibir datos con angular 4

El archivo app.component.html debe tener la siguiente estructura

El archivo app.component.ts debe quedar asi:

La aplicación se puede visualizar de la siguiente forma:

Para agregar bootstrap al proyecto debemos incluir las siguientes líneas:

npm install ngx-bootstrap --save

npm install bootstrap –sav
En el archivo angular-cli.json del proyecto agregar las siguientes líneas

En el archivo app.component.css definimos el estilo del formulario

En el componente html llamamos los dos estilos creados

La página tendrá la siguiente apariencia

Ejemplo: Sumar dos números

El html debe quedar de la siguiente forma

El archivo.ts