Categoría: AngularJS-Misc

Transportador de prueba de extremo a extremo (E2E) de AngularJS | Instalación y configuración

Posted on by Rudeus Greyrat

Protractor es un marco de prueba de extremo a extremo desarrollado para aplicaciones Angular y AngularJS. Ejecuta pruebas contra la aplicación interactuando con ella como lo haría un usuario real, ejecutándose en un navegador real. Características: Pruebas usando el navegador: Transportador usa eventos nativos y controladores específicos del navegador para interactuar con la aplicación. Build … Continue reading «Transportador de prueba de extremo a extremo (E2E) de AngularJS | Instalación y configuración»

¿Cómo crear mat-button-toggle-group como modo de solo lectura en AngularJS?

Posted on by Rudeus Greyrat

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. Sintaxis de instalación: ng add … Continue reading «¿Cómo crear mat-button-toggle-group como modo de solo lectura en AngularJS?»

¿Cómo detectar un cambio de ruta en AngularJS?

Posted on by Rudeus Greyrat

Enfoque: Para detectar cambios de ruta en cualquier momento en AngularJS, esto se puede lograr usando el método $on(). El método $on() es un controlador de eventos, el evento que manejará $routeChangeSuccess que se activa cuando se realiza el cambio de ruta/vista. Sintaxis: $rootScope.$on(‘$routeChangeSuccess’, function () { Content… }); Ejemplo: aquí, estamos mostrando «ruta cambiada» … Continue reading «¿Cómo detectar un cambio de ruta en AngularJS?»

¿Cómo determinar la ruta activa en AngularJS?

Posted on by Rudeus Greyrat

La tarea es determinar la ruta activa en AngularJS. Enfoque: para determinar cuál es la ruta activa en cualquier momento en AngularJS, esto se puede lograr usando el método $on() y $location.path(). Un evento puede manejarse escribiendo un controlador de eventos usando un método $on(). $routeChangeStart es un evento que se activa cuando se inicia … Continue reading «¿Cómo determinar la ruta activa en AngularJS?»

¿Cómo implementar la funcionalidad ‘agregar etiqueta’ en una aplicación Angular 9?

Posted on by Rudeus Greyrat

Angular hace que sea muy fácil implementar casi todas las funciones. En este artículo, aprenderemos cómo implementar la funcionalidad de agregar etiquetas en su aplicación angular. Agregar etiquetas tiene aplicaciones en varias áreas, como aplicaciones de música, aplicaciones de compras en línea, etc. Al usar esta funcionalidad, podemos filtrar los resultados de una búsqueda, según … Continue reading «¿Cómo implementar la funcionalidad ‘agregar etiqueta’ en una aplicación Angular 9?»

¿Cuál es el rol de $routeProvider en AngularJS?

Posted on by Rudeus Greyrat

El enrutamiento nos permite crear aplicaciones de una sola página. Para hacer esto, usamos las directivas ng-view y ng-template, y los servicios $routeProvider. Usamos $routeProvider para configurar las rutas. El config() toma una función que toma $routeProvider como parámetro y la configuración de enrutamiento va dentro de la función. $routeProvider es una API simple que … Continue reading «¿Cuál es el rol de $routeProvider en AngularJS?»

¿Cómo repetir el elemento HTML varias veces usando ngFor basado en un número?

Posted on by Rudeus Greyrat

En Angular , ngFor es una directiva que cumple el motivo de mostrar una lista repetida de contenidos con menos líneas de código, esto tiene el mismo propósito que los bucles en los lenguajes de programación convencionales. Podemos imprimir líneas repetidas de contenido basadas en un número usando la función javascript/mecanografiada Array() que generará una … Continue reading «¿Cómo repetir el elemento HTML varias veces usando ngFor basado en un número?»

¿Cómo eliminar el elemento HTML de DOM usando AngularJS?

Posted on by Rudeus Greyrat

Aquí la tarea es eliminar un elemento particular del DOM con la ayuda de AngularJS. Planteamiento: Aquí primero seleccionamos el elemento que queremos eliminar. Luego usamos el método remove() para eliminar ese elemento en particular. Ejemplo 1: aquí se ha eliminado el elemento de clase (‘p’). <!DOCTYPE HTML> <html>    <head>     <script src= «//ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js»>     </script> … Continue reading «¿Cómo eliminar el elemento HTML de DOM usando AngularJS?»

¿Cómo crear un botón dinámicamente con un evento de clic en Angular?

Posted on by Rudeus Greyrat

La tarea es crear un botón dinámicamente con un evento de clic usando angular. En estos ejemplos, cuando alguien hace clic en el botón, se crea un nuevo botón. La forma más fácil de crear un botón en AngularJS es usar la directiva ng-repeat . Podemos conectar fácilmente una lógica de repetición dentro de un … Continue reading «¿Cómo crear un botón dinámicamente con un evento de clic en Angular?»

¿Cómo usar AngularJS para mostrar el valor del contenido HTML?

Posted on by Rudeus Greyrat

La directiva ng-bind-html se utiliza para vincular el HTML interno de un elemento HTML a los datos de la aplicación y eliminar el código peligroso de la string HTML. El servicio $sanitize es imprescindible para la directiva ng-bind-html . Es compatible con todos los elementos HTML. Sintaxis: <element ng-bind-html=»expression»> Contents… </element> Acercarse: Inicializar las bibliotecas … Continue reading «¿Cómo usar AngularJS para mostrar el valor del contenido HTML?»