Angular Material es una biblioteca de componentes de interfaz de usuario desarrollada por el equipo de Angular para crear componentes de diseño para aplicaciones web móviles y de escritorio. Para usarlo, necesitamos tener angular instalado en nuestro proyecto, después de tenerlo, puede ingresar el siguiente comando y descargarlo. Sintaxis de instalación: ng add @angular/material Tipos … Continue reading «<mat-button> en material angular»
El objetivo es agregar un mapa de Google y un marcador en la aplicación Angular. Cuando el usuario haga clic en una ubicación en particular en el mapa, el marcador se agregará a esa ubicación en particular. Para llegar al objetivo utilizaremos AGM (Angular Google Maps) y sus componentes que harán muy fácil la solución. … Continue reading «¿Cómo agregar Google Map y Marker a su aplicación usando AngularJS?»
En este artículo, vamos a ver qué es el evento de enfoque en Angular 10 y cómo usarlo. El evento (foco) se activa cuando un elemento gana su foco. Sintaxis: <input (focus)=’functionName()’/> NgModule: el módulo utilizado por el evento de enfoque es: CommonModule Acercarse: Cree una aplicación Angular para usar. En app.component.ts crea una función … Continue reading «Angular 10 (enfoque) Evento»
La forma de ocultar o mostrar un registro en particular en una tabla es similar a la que se usa para ocultar o mostrar cualquier elemento del DOM. Lo básico y lo primero que me viene a la mente son las directivas ng-show y ng-hide que muestran u ocultan respectivamente en función de los resultados … Continue reading «¿Cómo ocultar o mostrar un registro de una repetición ng dentro de una tabla basada en un clic ng?»
Angular PrimeNG es un marco de trabajo de código abierto con un amplio conjunto de componentes nativos de la interfaz de usuario de Angular que se utilizan para lograr un gran estilo y este marco se utiliza para crear sitios web receptivos con mucha facilidad. En este artículo, sabremos cómo usar el componente de calendario … Continue reading «Componente de calendario de Angular PrimeNG»
La directiva ng-hide en AngluarJS se usa para mostrar u ocultar el elemento HTML especificado. Si la expresión dada en el atributo ng-hide es verdadera, los elementos HTML se ocultan. En AngularJS hay una clase predefinida llamada ng-hide que se usa para configurar la visualización en ninguno. Sintaxis: <element ng-hide=»expression»> Contents… </element> Ejemplo 1: este ejemplo … Continue reading «AngularJS | Directiva ng-hide»
Aquí la tarea es cambiar la URL de origen de la imagen con la ayuda de AngularJS. Enfoque: El enfoque es cambiar la URL de la imagen cuando el usuario hace clic en el botón. Cuando un usuario hace clic en un botón, se llama a un método junto con la nueva URL, ese método … Continue reading «¿Cómo cambiar la URL de origen de la imagen usando AngularJS?»
La estrategia de carga en angular decide cómo cargar los módulos de la aplicación cuando la aplicación se ejecuta en el navegador. En Angular, tenemos tres tipos de carga: carga ansiosa, carga diferida y precarga. De forma predeterminada, Angular sigue la carga ansiosa, es decir, tan pronto como la aplicación comienza a descargarse en el … Continue reading «¿Cómo elegir qué paquete angular precargar?»
El desarrollo web es un campo en rápido crecimiento. Una tecnología presentada hoy está destinada a quedar obsoleta en unos pocos meses. Anteriormente, los sitios web solían ser estáticos, con poca o ninguna animación o CSS. Sin embargo, la introducción de Vanilla JavaScript revolucionó por completo la apariencia y el funcionamiento de los sitios web. … Continue reading «$servicio de tiempo de espera en AngularJS»
Angular Material es una biblioteca de componentes de interfaz de usuario desarrollada por el equipo de Angular para crear componentes de diseño para aplicaciones web móviles y de escritorio. Para instalarlo, necesitamos tener angular instalado en nuestro proyecto, una vez que lo tenga, puede ingresar el siguiente comando y descargarlo. mat-chip-list se usa principalmente para … Continue reading «¿Cómo usar <mat-chip-list> y <mat-chip> en material angular?»