¿Cómo usar mat-icon en angular?

Para incluir íconos en su página web, puede usar la directiva mat-icon . Anteriormente se conocía como md-icon. Es mejor usar mat-icon ya que sirven íconos SVG, es decir, íconos basados ​​en vectores que se adaptan a cualquier resolución y dimensión, por otro lado, los íconos basados ​​en ráster tienen un patrón fijo de puntos … Continue reading «¿Cómo usar mat-icon en angular?»

Componente KeyFilter de PrimeNG angular

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 KeyFilter en … Continue reading «Componente KeyFilter de PrimeNG angular»

¿Cómo deshabilitar un control de formulario en Angular?

En este artículo, vamos a ver cómo deshabilitar un control de formulario en Angular 10. Usaremos la propiedad deshabilitada AbstractControl para deshabilitar un elemento de control de formulario. Sintaxis: <formelement disabled></formelement> Valor devuelto: booleano: devuelve booleano indicando si el elemento está deshabilitado o no. Acercarse:  Cree la aplicación Angular que se utilizará En app.component.html crea … Continue reading «¿Cómo deshabilitar un control de formulario en Angular?»

¿Cómo recargar o volver a renderizar la página completa usando AngularJS?

Mientras trabajamos con AngularJS, podemos encontrarnos con un momento en el que queremos que nuestro usuario cambie de contexto y vuelva a renderizar todo nuevamente. AngularJS proporciona un método mediante el cual podemos volver a renderizar o incluso recargar la página completa. Entonces, en este artículo, veremos cómo podemos recargar la ruta en lugar de … Continue reading «¿Cómo recargar o volver a renderizar la página completa usando AngularJS?»

AngularJS frente a Angular2 | Características y comparación

AngularJS: es un marco JavaScript dinámico de front-end, utilizado para desarrollar ‘Aplicaciones de una sola página’. AngularJS es administrado por Google y es de código abierto. Esto significa que está abierto a la contribución de desarrolladores de todo el mundo. Debido a esto, hay mucho material en línea disponible de forma gratuita para aprender la … Continue reading «AngularJS frente a Angular2 | Características y comparación»

angulares | evento de tecla

Introducción Aquí, explicaremos el evento (keyup) y las opciones que se pueden usar con (keyup) en Angular2. Hay varias opciones que se pueden usar con el evento (keyup), pero primero déjame explicarte qué es (keyup) .   (tecla Arriba): (keyup) es un enlace de evento Angular para responder a cualquier evento DOM. Es un evento síncrono … Continue reading «angulares | evento de tecla»

¿Cómo combinar ng-class con ng-style?

El atributo de estilo se establece mediante ng-style . El valor de ng-style es un objeto, que se usa para referirse al estilo CSS, que se aplica al elemento. Sintaxis: <element ng-style=»object»>..</element> Propiedades: Objeto : El objeto se utiliza para devolver el estilo css aplicado al elemento. Valor devuelto: Devuelve el estilo aplicado a los … Continue reading «¿Cómo combinar ng-class con ng-style?»

¿Cómo detectar un evento de clic fuera del componente Angular?

En angular, los clics se detectan de diferentes maneras. Como el clic es un evento, dentro de un componente se detecta mediante un simple enlace de eventos. Un simple clic a través del enlace de eventos para la detección dentro del componente se proporciona de la siguiente manera: @Component({   selector: «geeks»,   template: ` <h1 (click)=»clicked()»>{{ … Continue reading «¿Cómo detectar un evento de clic fuera del componente Angular?»

¿Cómo habilitar la cámara web en Angular 10 usando ngx-webcam?

El componente ngx-webcam brinda acceso a la cámara web para tomar instantáneas simplemente a través de acciones y enlaces de eventos en Angular 10. Este componente nos brinda control total y permiso para capturar imágenes de una manera fácil. Pasos para agregar una cámara web a su aplicación: Instalar Angular 10 Crear un proyecto CLI … Continue reading «¿Cómo habilitar la cámara web en Angular 10 usando ngx-webcam?»

Angular ng Bootstrap Toast Componente

Angular ng bootstrap es un marco de arranque que se usa con angular para crear componentes con un gran estilo y este marco es muy fácil de usar y se usa para crear sitios web receptivos. En este artículo, veremos cómo usar Toast en angular ng bootstrap. El componente Toast se usa para crear un … Continue reading «Angular ng Bootstrap Toast Componente»