Obtener archivos de input file con Angular

En este post te mostraré cómo obtener los archivos seleccionados en un input de tipo file usando Angular. Vamos a obtener una referencia al elemento del DOM y luego acceder a la propiedad files. ...

mayo 26, 2020 · 1 min · 212 palabras · Parzibyte

Angular router: forzar hash en URL

Introducción En este post te mostraré cómo forzar que el router de Angular use el hash en la URL. Este hash también es conocido como almohadilla, gatito, etcétera. De este modo nuestra aplicación web tendrá algo como: http://localhost:4200/#/productos en lugar de algo como http://localhost:4200/productos. Prefiero este modo para la URL del router de Angular porque no afecta la URL en el servidor y porque simplemente me ha gustado desde que uso las SPA. ...

mayo 25, 2020 · 1 min · 207 palabras · Parzibyte

Angular Router: navegar de manera programada

En este post te mostraré cómo navegar a otra ruta en una SPA de Angular usando TypeScript. Es decir, navegar en el click de un botón o en determinada acción, y no a través de un enlace. Lo único que tenemos que hacer es importar al router, inyectarlo en el constructor y después invocar a navigateByUrl (igualmente el router tiene más métodos). ...

mayo 25, 2020 · 1 min · 174 palabras · Parzibyte

Bootstrap 4 con Angular 2 y ng-bootstrap

En este post te mostraré cómo comenzar a usar los estilos de Boostrap 4 en una app de Angular 2 gracias a ng-bootstrap. ...

enero 7, 2020 · 3 min · 606 palabras · Parzibyte

Angular, PHP y MySQL - CRUD

Resumen: en este post te mostraré cómo consumir una base de datos de MySQL con Angular, usando PHP como lenguaje de servidor y AJAX (con el módulo HttpClient de Angular) para enviar los datos. Para los estilos vamos a usar Angular Material. Puedes ver el código en GitHub y una demostración con su explicación en el siguiente vídeo: ...

noviembre 26, 2019 · 10 min · 2100 palabras · Parzibyte

Ejemplo de formulario con Angular

Resumen: en este post te mostraré un ejemplo simple de un formulario con Angular, en donde ligamos a un valor del componente con la vista del formulario. En Angular existen dos tipos de formularios, los que son formularios reactivos (Reactive form) y los que son basados en plantillas (Template driven forms). Hoy veremos un ejemplo de un Template driven form en Angular, que si vienes de AngularJS (o apenas estás comenzando) vas a entenderlo muy bien. Si quieres puedes probar el resultado final aquí, y ver el código de todo el proyecto aquí. ...

noviembre 25, 2019 · 3 min · 636 palabras · Parzibyte

Variables del entorno con Angular

Resumen: aprender a usar las variables del entorno de angular usando archivo environment.prod.ts y environment.ts para diferenciar entre entorno de producción y entorno de desarrollo. ...

noviembre 25, 2019 · 2 min · 360 palabras · Parzibyte

Conectar PHP y Angular con HttpClient y CORS

Resumen: mostrar cómo conectar PHP con Angular y configurar CORS, además de usar el cliente HTTP de Angular para hacer peticiones con PHP. El resultado final lo puedes ver aquí, y el código fuente completo (tanto de PHP como de Angular) en mi GitHub. ...

noviembre 11, 2019 · 5 min · 897 palabras · Parzibyte

Angular Router: parámetros en la ruta

Resumen: mostrar cómo configurar una ruta en el router de Angular para tener parámetros en la URL y leerlos después en otro componente, además de crear un enlace que va a otro componente con parámetros en la URL. ...

noviembre 10, 2019 · 2 min · 335 palabras · Parzibyte

Angular: Peticiones HTTP con HttpClient

Resumen: mostrar cómo usar el cliente HTTP de Angular para hacer peticiones y consumir API REST usando métodos como GET, POST, PUT y DELETE además de JSON para el intercambio de datos. En este post vamos a crear un servicio de Angular que a su vez usará el HttpClientModule para hacer peticiones HTTP. Después vamos a consumir ese servicio desde cualquier componente. ...

noviembre 10, 2019 · 4 min · 680 palabras · Parzibyte