¿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?»

Variable de referencia de plantilla en AngularJS

La variable de referencia de plantilla en angular se usa para acceder a todas las propiedades de cualquier elemento dentro de DOM. También puede ser una referencia a un componente Angular o directiva o un componente web. Variable de referencia de plantilla puede hacer referencia a lo siguiente:  elemento DOM Directivas componente angular Componente web … Continue reading «Variable de referencia de plantilla en AngularJS»

¿Cómo registrar manualmente un componente en AngularJS?

Como todos sabemos, los componentes en angularJS son los componentes básicos de cada aplicación. Normalmente, podemos crear un componente en angular simplemente ejecutando el siguiente comando. ng g c component_name Esto crea una serie de archivos como se muestra en la siguiente figura. Esto incluye los siguientes archivos: Archivo HTML: Para generar HTML DOM (Document … Continue reading «¿Cómo registrar manualmente un componente en AngularJS?»

¿Explicar las razones para elegir AngularJS para su proyecto de desarrollo web?

Angular es un marco de desarrollo web basado en JavaScript. Es de código abierto y es mantenido por Google y la comunidad de código abierto. Se utiliza principalmente para desarrollar aplicaciones de una sola página (SPA). Simplifica el desarrollo y la prueba de aplicaciones al implementar las arquitecturas MVC (modelo-vista-controlador) y MVVM (modelo-vista-Modelo de vista) … Continue reading «¿Explicar las razones para elegir AngularJS para su proyecto de desarrollo web?»

¿Cómo mostrar la pantalla de carga al navegar entre rutas usando Angular?

En esta publicación, veremos cómo mostrar una pantalla de carga al navegar de un componente a otro. Cuando el usuario navega por las rutas, la aplicación puede comunicarse con el backend para cargar algunos datos útiles y puede producir algún retraso. En ese momento, si el usuario no ve nada en la pantalla, puede pensar … Continue reading «¿Cómo mostrar la pantalla de carga al navegar entre rutas usando Angular?»

¿Cuál es el papel de las directivas ng-app, ng-init y ng-model en AngularJS?

En este artículo, aprenderemos sobre las directivas en AngularJS y exploraremos las funciones de varias directivas, como ng-app, ng-init y ng-model en angularJS. La directiva AngularJS es un comando que brinda una nueva funcionalidad a los documentos HTML. Cuando usamos las directivas de AngularJS, primero encontrará todas las directivas en el documento HTML y luego … Continue reading «¿Cuál es el papel de las directivas ng-app, ng-init y ng-model en AngularJS?»

Funciones angulares menos conocidas que debe conocer

Las siguientes son algunas características interesantes de angular que pueden ayudarlo en SEO, mejoras en el rendimiento de la aplicación y mejora de la legibilidad del código.  1. Etiquetas de título: se muestran en las SERP (páginas de resultados del motor de búsqueda) como el encabezado en el que se puede hacer clic y tocar … Continue reading «Funciones angulares menos conocidas que debe conocer»

¿Cómo usar el transportador para verificar si el texto está presente en un elemento o no?

Protractor es un marco de prueba de extremo a extremo desarrollado para aplicaciones AngularJS, sin embargo, también funciona para aplicaciones no Angular JS. Ejecuta pruebas contra la aplicación interactuando con ella como lo haría un usuario real, ejecutándose en un navegador real. En este artículo, vamos a utilizar Transportador para comprobar cómo podemos esperar a … Continue reading «¿Cómo usar el transportador para verificar si el texto está presente en un elemento o no?»

¿Cómo obtener la altura del div hermano y enviar datos al componente hermano en Angular?

En esta publicación, veremos cómo podemos obtener la altura de div dinámico en un componente y enviarlo a su componente hermano en Angular. Esta tarea necesita una comprensión de algunos conceptos básicos angulares y DOM. En angular, podemos enviar y recibir datos a hermanos usando muchos métodos y uno de ellos es a través del … Continue reading «¿Cómo obtener la altura del div hermano y enviar datos al componente hermano en Angular?»

¿Cómo hacer un menú desplegable de selección múltiple usando Angular 11/10?

En este artículo, aprenderemos a construir el menú desplegable de selección múltiple en Angular. Para realizar esta tarea, requerimos Angular 10 o la versión Angular 11. menú desplegable, para esto, usaremos el paquete npm @ng-select/ng-select como un menú desplegable de selección múltiple. El paquete se utiliza para proporcionar un método establecido que brinda una opción … Continue reading «¿Cómo hacer un menú desplegable de selección múltiple usando Angular 11/10?»