Categoría: AngularJS

¿Cómo agregar campos de entrada dinámicamente al hacer clic en el botón en AngularJS?

Posted on by Rudeus Greyrat

La tarea es agregar un campo de entrada en la página cuando el usuario hace clic en el botón usando AngularJs. Pasos: Se crea el componente necesario para la operación (add-inputComponent) . En ese componente, se escribe el archivo html (add-input.component.html) html requerido. En ese HTML, el div principal para los campos de entrada está … Continue reading «¿Cómo agregar campos de entrada dinámicamente al hacer clic en el botón en AngularJS?»

¿Cómo ejecutar la función del controlador AngularJS en la carga de la página?

Posted on by Rudeus Greyrat

La tarea es ejecutar/llamar a una función JS en la carga de la página usando AngularJS. Esta función se puede utilizar para realizar la inicialización. Llamar a una función o inicializar un solo valor en la carga de la página en AngularJS es bastante fácil. AngularJS nos proporciona una directiva dedicada para esta tarea específica. … Continue reading «¿Cómo ejecutar la función del controlador AngularJS en la carga de la página?»

¿Cómo establecer el atributo id de un elemento dinámicamente usando AngularJS?

Posted on by Rudeus Greyrat

En este artículo, estamos discutiendo cómo cambiar la ID de cualquier elemento dinámicamente usando AngularJS. Enfoque 1:  En este enfoque, se llama a una función cuando se hace clic en el botón, lo que cambia la ID del elemento a id-5 .  Estamos llamando a una función en la variable de alcance y cambiando la … Continue reading «¿Cómo establecer el atributo id de un elemento dinámicamente usando AngularJS?»

Angular ng Bootstrap Collapse Componente

Posted on by Rudeus Greyrat

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 sabremos cómo usar Collapse en angular ng bootstrap. Collapse se usa para crear un botón que … Continue reading «Angular ng Bootstrap Collapse Componente»

Introducción e instalación de MDBootstrap para Angular

Posted on by Rudeus Greyrat

Introducción: MDBootstrap (Diseño de materiales para Bootstrap) es un paquete de interfaz de usuario completo que se puede integrar con otros marcos como Angular, React, Vue, etc. animaciones para hacerlo más atractivo y fácil de usar que son compatibles con otros navegadores. Características de MDBootstrap: Una herramienta de código abierto que se puede descargar fácilmente. … Continue reading «Introducción e instalación de MDBootstrap para Angular»

¿Cómo hacer Dropdown usando Angular UI Bootstrap?

Posted on by Rudeus Greyrat

En este artículo, veremos cómo hacer un menú desplegable usando 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. <div uib-dropdown></div> Descarga AngularUI desde el enlace: https://angular-ui.github.io/bootstrap Acercarse:  Primero, agregue … Continue reading «¿Cómo hacer Dropdown usando Angular UI Bootstrap?»

<mat-select> 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-select> se … Continue reading «<mat-select> en material angular»

Componente de la tarjeta Angular PrimeNG

Posted on by Rudeus Greyrat

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 Tarjeta en … Continue reading «Componente de la tarjeta Angular PrimeNG»

¿Qué es CommonModule en Angular 10?

Posted on by Rudeus Greyrat

En este artículo vamos a ver qué es CommonModule en Angular 10 y cómo usarlo. Sintaxis: CommonModule es importado automáticamente por BrowserModule cuando se crea la aplicación.  import { BrowserModule } from ‘@angular/platform-browser’;    @NgModule({ imports: [ BrowserModule, ] }) export class AppModule { } Directivas importadas: Clase Ng NgComponentOutlet NgForOf NgSi Caso NgPlural: NgEstilo … Continue reading «¿Qué es CommonModule en Angular 10?»

AngularJS | Incluye

Posted on by Rudeus Greyrat

La incrustación de una página html dentro de html no es compatible con HTML, es por eso que usamos las directivas de inclusión de AngularJS. Al usar la directiva ng-controller, podemos hacer la tarea fácilmente. Sintaxis: <element ng-include=» «>content…<element> Ejemplo: <!DOCTYPE html> <html> <head>     <script src= «https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js»>     </script>     <title>ng-include directives</title> </head>     <body ng-app=»»>     <center> … Continue reading «AngularJS | Incluye»