Development & System

Gestión de rutas Angular

Posted by in Angular, Inicio Angular

Como ya se ha comentado en entradas anteriores, los componentes son aquellos elementos que son representados en la aplicación. Por ejemplo si una aplicación consta de 3 partes claramente diferenciadas, al menos tendrá cuatro componentes: contenedor, login, registro, home Para poder gestionar la transición entre cada uno de los componentes y navegar entre ellos, angular utiliza lo que se conoce como el enrutador, de la clase @angular/router. Este router se puede crear manualmente o automáticamente en el momento de creación del proyecto, ya que el asistente así lo pregunta (en…read more

0

Directivas estructurales – ngIf ngFor ngSwitch

Posted by in Angular, Inicio Angular

Una de las características de angular es la de crear aplicaciones spa con contenido segmentado y dinámico. La primera característica se consigue gracias a la creación de los componentes vistos en la entrada anterior y la segunda gracias a elementos como las directivas estructurales, las cuales permiten modificar el DOM de la página mediante las directivas estructurales. Por lo tanto se puede definir a las directivas estructurales como atributos que se aplican a elementos de HTML las cuales posibilitan la creación, eliminación y/o modificación de elementos del DOM que estén dentro…read more

0

Componentes Angular

Posted by in Angular, Inicio Angular

Los componentes en angular representan cada uno de los bloques básicos de construcción en una aplicación Angular. Gráficamente se pueden definir como cada una de las partes que confirman la aplicación. Según la documentación oficial “los componentes son el bloque de construcción más básico de un UI en una aplicación Angular. Una aplicación Angular es un árbol de componentes Angular. Los componentes Angular son un sub-conjunto de directivas. A diferencia de las directivas, los componentes siempre tienen una plantilla y solo un componente puede ser instanciado por un elemento en…read more

0

Primer proyecto Angular

Posted by in Angular, Inicio Angular

Una vez se han instalado las herramientas necesarias explicadas en la entrada anterior, el siguiente paso es crear un nuevo proyecto. Este proceso es algo lento, dependiendo de la velocidad de conexión y potencia de la máquina donde se ejecute. Para ello se debe: Mediante terminal situarse en el directorio donde se quiere crear el proyecto Ejecutar el comando ng new NombreProyecto. Esto empezará a crear el proyecto, descargando todas las dependencias necesarias. Es posible que se pregunte durante la creación si se quiere añadir el routing de Angular durante…read more

0

Instalaciones Angular

Posted by in Angular, Inicio Angular

Angular es un framework desarrollado por Google para el desarrollo de aplicaciones web. Estas aplicaciones desarrolladas con angular utilizan una carga dinámica (tanto para elementos del front-end como conexiones del hack-end) lo que quiere decir que los tiempos de respuesta son muy rápidos, sin necesidad de tener que recargar la página del navegador para poder mostrar cambios o realizar tareas. Para poder trabajar con angular se necesitan las siguientes instalaciones NodeJS: Descargado he instalado desde su página web https://nodejs.org/en/. Con esta instalación se agrega el gestor de paquetes npm, el cual…read more

0