¿Cómo inyectar servicio en el componente angular 6?

El servicio es una clase especial en Angular que se usa principalmente para la comunicación entre componentes. A veces, hay componentes que necesitan un grupo común para interactuar entre sí, principalmente para la adquisición de datos o información. El servicio lo hace posible. Los dos (o más) componentes pueden o no estar relacionados entre sí. … Continue reading «¿Cómo inyectar servicio en el componente angular 6?»

Auth Guards en Angular 9/10/11

AuthGuard se utiliza para proteger las rutas del acceso no autorizado en angular. ¿Cómo funciona AuthGuard? La protección de autenticación proporciona un evento de ciclo de vida llamado canActivate. El canActivate es como un constructor. Se llamará antes de acceder a las rutas. El canActivate tiene que devolver verdadero para acceder a la página. Si … Continue reading «Auth Guards en Angular 9/10/11»

Enlace de datos bidireccional en AngularJS

En este artículo, veremos el enlace de datos, junto con la comprensión de cómo el flujo de código es de un archivo Typescript a un archivo HTML y viceversa a través de su implementación. En AngularJS, Data Binding se refiere a la sincronización entre el modelo y la vista. En el enlace de datos bidireccional, … Continue reading «Enlace de datos bidireccional en AngularJS»

¿Cómo configurar la página 404 en el enrutamiento angular?

Para configurar una página 404 en el enrutamiento angular, primero debemos crear un componente para mostrar cada vez que ocurra un error 404. En el siguiente enfoque, crearemos un componente angular simple llamado PagenotfoundComponent .  Crear componente: ejecute el siguiente comando para crear el componente pagenotfound . ng generate component pagenotfound Estructura del proyecto: Se … Continue reading «¿Cómo configurar la página 404 en el enrutamiento angular?»

¿Cómo configurar Tailwind CSS en AngularJS?

¿Qué es Tailwind CSS? De acuerdo con la documentación oficial, Tailwind CSS es un marco CSS de primera utilidad para construir rápidamente interfaces de usuario personalizadas. Es una forma genial de escribir estilo en línea y lograr una interfaz increíble sin escribir una sola línea de tu propio CSS. ¿Qué es Angular? Angular es una … Continue reading «¿Cómo configurar Tailwind CSS en AngularJS?»

¿Cómo obtener el valor del formulario en Angular?

En este artículo, vamos a ver cómo obtener valor del formulario en Angular 10. Usaremos la propiedad de valor AbstractControl para obtener el valor del formulario en un objeto. Sintaxis: form.value Valor devuelto: objeto: es un objeto que contiene un valor de forma Acercarse:  Cree la aplicación Angular que se utilizará En app.component.html crea un … Continue reading «¿Cómo obtener el valor del formulario en Angular?»

¿Qué son las Directivas en AngularJS?

Las directivas de AngularJS son atributos HTML extendidos que tienen el prefijo ng- . Las directivas son marcadores en el elemento DOM que le indican a Angular JS que adjunte un comportamiento específico a ese elemento DOM o incluso transforme el elemento DOM con sus elementos secundarios. Durante la compilación, el compilador HTML atraviesa las … Continue reading «¿Qué son las Directivas en AngularJS?»

¿Cómo deshabilitar un botón según el estado de una casilla de verificación en AngularJS?

En este artículo, aprenderemos a deshabilitar el botón según el estado de la casilla de verificación en Angular. Usaremos la directiva Angular JS llamada ng-disabled para deshabilitar el botón desmarcando la casilla. Consulte la directiva ng-disabled de AngularJS . La directiva ng-disabled se usa para habilitar o deshabilitar los elementos HTML. Si la expresión dentro … Continue reading «¿Cómo deshabilitar un botón según el estado de una casilla de verificación en AngularJS?»

¿Qué es APP_BASE_HREF en Angular 10?

En este artículo vamos a ver qué es APP_BASE_HREF en Angular 10 y cómo usarlo. APP_BASE_HREF devuelve APP_BASE_HREF es el prefijo de URL que debe conservarse. Sintaxis:  provide: APP_BASE_HREF, useValue: ‘/gfgapp’ Acercarse:  En app.module.ts y APP_BASE_HREF en proveedores con useValue. En app.component.ts, almacene APP_BASE_HREF en cualquier variable y utilícelo. Ejemplo 1: aplicación.módulo.ts Javascript import { … Continue reading «¿Qué es APP_BASE_HREF en Angular 10?»

Explicar tubería pura e impura en Angular

En este artículo, aprenderemos sobre las tuberías puras e impuras en Angular. También exploraremos cómo Angular maneja ambos tipos de tuberías con un ejemplo. ¿Qué son las tuberías angulares? Las tuberías angulares son una forma de transformar el formato de los datos de salida para su visualización. Los datos pueden ser strings, montos de moneda, … Continue reading «Explicar tubería pura e impura en Angular»