Categoría: AngularJS

MatSnackBar en Material Angular

Posted on by Rudeus Greyrat

Sintaxis de instalación: ng add @angular/material Acercarse: Primero, instale el material angular usando el comando mencionado anteriormente. Después de completar la instalación, importe ‘MatSnackBarModule’ desde ‘@angular/material/snack-bar’ en el archivo app.module.ts. Primero necesitamos crear una instancia para ‘MatSnackBar’. Luego necesitamos invocar una función al hacer clic en el botón. Usando esta instancia tenemos acceso a la … Continue reading «MatSnackBar en Material Angular»

¿Cómo pasar el mensaje de errores expresos a la vista Angular?

Posted on by Rudeus Greyrat

Hay principalmente dos partes de una aplicación web, una es el front-end y otra es el back-end. Comenzaremos con el backend primero. Express captura todos los errores que ocurren al ejecutar controladores de ruta y middleware. Solo tenemos que enviarlos correctamente a la interfaz para el conocimiento del usuario. Express captura y procesa los errores … Continue reading «¿Cómo pasar el mensaje de errores expresos a la vista Angular?»

<mat-list> en material angular

Posted on by Rudeus Greyrat

Introducción: 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. La etiqueta <mat-list> se … Continue reading «<mat-list> en material angular»

¿Cómo detectar cuándo cambia un valor de @Input() en Angular?

Posted on by Rudeus Greyrat

@Input() es básicamente un decorador para vincular una propiedad como entrada. Se utiliza para pasar datos, es decir, vinculación de propiedades de un componente a otro o podemos decir, del componente principal al secundario. Está enlazado con el elemento DOM. Cuando se cambia el valor del elemento DOM, Angular actualiza automáticamente esta propiedad con el … Continue reading «¿Cómo detectar cuándo cambia un valor de @Input() en Angular?»

Diferencia entre plantilla y URL de plantilla en AngularJS

Posted on by Rudeus Greyrat

Como sabemos, el decorador @Component es una función que acepta un objeto y ese objeto tiene muchas propiedades. Las dos propiedades más importantes son plantilla y URL de plantilla. Hay varios métodos para crear plantillas en Angular La plantilla es parte de un componente que se utiliza para la interfaz de usuario mediante la cual … Continue reading «Diferencia entre plantilla y URL de plantilla en AngularJS»

Preguntas y respuestas de la entrevista de AngularJS

Posted on by Rudeus Greyrat

¿Qué es AngularJS y quién lo creó? AngularJs es un marco front-end de código abierto de Javascript que se utiliza principalmente para desarrollar aplicaciones web de una sola página (SPA). Es un marco en continuo crecimiento y expansión que proporciona mejores formas de desarrollar aplicaciones web. Cambia el HTML estático a HTML dinámico. Sus características … Continue reading «Preguntas y respuestas de la entrevista de AngularJS»

¿Cómo obtener las coordenadas x e y de un elemento en el transportador Node.js?

Posted on by Rudeus Greyrat

Protractor es un marco de prueba de extremo a extremo desarrollado para aplicaciones AngularJS y Angular. Básicamente ejecuta las pruebas contra la aplicación que está interactuando con ella como lo haría un usuario real, ejecutándose en un navegador real. En el siguiente ejemplo, vamos a obtener las coordenadas x e y de un elemento y … Continue reading «¿Cómo obtener las coordenadas x e y de un elemento en el transportador Node.js?»

¿Cómo abrir una ventana emergente usando Angular y Bootstrap?

Posted on by Rudeus Greyrat

Agregar Bootstrap a su aplicación Angular es un proceso fácil. Simplemente escriba el siguiente comando en su Angular CLI. Agregará bootstrap a su carpeta node_modules. ng add @ng-bootstrap/ng-bootstrap Enfoque: importe el módulo NgbModal en el archivo TypeScript del componente correspondiente, y luego tenemos que escribir código para el modelo emergente usando el módulo anterior en … Continue reading «¿Cómo abrir una ventana emergente usando Angular y Bootstrap?»

¿Cómo hacer una alerta usando Angular UI Bootstrap?

Posted on by Rudeus Greyrat

En este artículo, veremos cómo generar alertas utilizando el arranque de la interfaz de usuario angular. Angular UI Bootstrap es un marco Angular JS creado por desarrolladores de Angular UI para proporcionar una mejor interfaz de usuario que se puede usar fácilmente. La directiva de alertas se utiliza para generar alertas. <div uib-alert>alert</div> Descarga AngularUI … Continue reading «¿Cómo hacer una alerta usando Angular UI Bootstrap?»

Diferencia entre ng-container y ng-template en AngularJS

Posted on by Rudeus Greyrat

Tanto ng-container como ng-template se pueden usar para crear componentes receptivos y dinámicos. Angular proporciona un conjunto de directivas estructurales que se pueden usar tanto con ng-template como con ng-container, como: ng-si ng-para interruptor ng. Estas directivas estructurales se utilizan para alterar la estructura del DOM mediante la representación condicional de los elementos HTML.  Tanto … Continue reading «Diferencia entre ng-container y ng-template en AngularJS»