Skip to main content

Respuestas populares con la etiqueta

8 votos
Aceptado

Actualizar contenido al cambiar la el parametro de la URL con routerLink en Angular 7

Lo primero de todo es entender el ciclo de vida de los componentes de Angular, así que aquí te dejo un artículo que lo explica en detalle. Yo me centraré aquí en lo importante: Angular no destruye un ...
Avatar del usuario Pablo Lozano
  • 49.9k
7 votos
Aceptado

El archivo '.../node_modules/@angular/material/index.d.ts' no es un módulo

Bien, después de estar investigando y mirando código como un loco me dí cuenta de que al importar cualquier componente de angular material desde @angular/material directamente esto daba un error ".../@...
Avatar del usuario Jonathan Moya Moreno
4 votos
Aceptado

¿Cómo convertir un objeto de una clase creada a objeto de Javascript?

Con los métodos JSON.stringify y JSON.parse deberías poder lograr lo que quieres: const objetos = JSON.parse(JSON.stringify(productos)); Primero se transforma el array de elementos de tipo "Producto"...
Avatar del usuario RockoDev
  • 1,612
4 votos

Marcar y desmarcar todos los checkbox en angular 10

Estructurando los datos de esta manera: datos: Frutas[] = [ {nombre:"Manzana", checked: false, id: "0"}, {nombre:"Pera", checked: false, id: "1"}, {...
Avatar del usuario Legna
  • 6,649
3 votos

Vaciar campo date al hacer click con Angular

JQUERY: $("#date").val(null); Si quieres realizarlo en el click de un elemento podrías hacer algo como: $("body").click(function(){ if($("#date").val() != "" && $("#date").val() != ...
Avatar del usuario x3k
  • 3,807
3 votos
Aceptado

Navegacion dentro de la misma pagina en angular 7

Des de la versión 6.1, Angular ha incorporado la función Anchor Scrolling para tal efecto. Su implementación es algo mas compleja que el tradicional método de HTML puesto que requiere del RouterModule ...
Avatar del usuario neollob
  • 1,335
3 votos

¿Cómo convertir un objeto de una clase creada a objeto de Javascript?

el array de objetos lo podes iterar de varias maneras pero para tu caso yo suelo utilizar forEach let array=[]; [Producto, Producto, Producto, Producto].forEach(producto=>{ array.push({ ......
Avatar del usuario Hanz Herdel
3 votos
Aceptado

¿Como obtener la suma de todos los numero obtenidos dentro de un forEach?

Estás creando la variable como constante dentro del forEach por lo que para cada Item, se reinicia. Debes declararla fuera como variable y modificarla dentro. Esto se llama Ámbito de una variable: ...
Avatar del usuario Alejandro Teixeira Muñoz
3 votos

¿Como obtener la suma de todos los numero obtenidos dentro de un forEach?

Otra forma de obtener este resultado es con reduce var cart = { "added": [ { "functional_id": "recharges", "quantity": 9 }, { "functional_id": "modeles", ...
Avatar del usuario Legna
  • 6,649
3 votos

ngFor - Como puedo mostrar los valores de un arreglo anidado en una tabla

Tienes que verlo como una colección de objetos el array "principal" y luego cada objeto en la propiedad series contiene otra lista de objetos. [ { name: "x", series: [{...}...
Avatar del usuario hawks
  • 3,522
3 votos
Aceptado

Guardar parametros de una funcion

La función no devuelve nada, por lo que el código ejecutado no tiene ninguna consecuencia. Deberías hacer algo como: capturaInformacion(estadoId:number, nombreEstado:string){ return { estadoId, ...
Avatar del usuario Pablo Lozano
  • 49.9k
3 votos
Aceptado

problemas con local storage angular

Ese error es porque localStorage no está disponible durante la renderización en el lado del servidor (SSR). Solución: asegúrate de que localStorage solo se acceda en el navegador, agregando una ...
Avatar del usuario Stina
  • 881
2 votos
Aceptado

No visualizo información en navegador [Angular7]

En le GameListComponent tienes la variable 'game' y en el for 'games', creo que la 's' es la raíz de todos los males.
Avatar del usuario Fredy Adriano Jimenez Martinez
2 votos

Header dinamico dependiendo el producto | Angular 7

Si que se puede, añade estos imports a tu código. import { Title, Meta } from '@angular/platform-browser'; Declaramos en el constructor las clases: constructor(private meta: Meta,private title:...
Avatar del usuario ivan.depi
  • 444
2 votos

Error al recargar la pagina en Angular 7

Es un error típico al momento de copilar angular pierde las rutas de navegación, una forma sencilla de resolverlo es agregando las siguientes lineas a tu app.module.ts en la sección de provider ...
Avatar del usuario Jorge Reinaldo Linares Pineda
2 votos
Aceptado

Separar plantilla html para agregar contenido dinámico entre etiquetas. Angular 6+

Creo haber entendido bien tu problema, y la solución sería, en mi opinión la mejor, la siguiente: Crea un componente, llamemosle BootstrapModal. Este componente tendrá un header y footer estaticos y ...
Avatar del usuario Ilsanchez
  • 630
2 votos
Aceptado

Angular 7 bindear con formControlName un input de tipo file de mi vista

Creo que deberías inicializarla a null y después comprobar en la verificación si es null o no. private buildForm() { this.formGroup = this.formBuilder.group({ nombre_real: '', ...
Avatar del usuario Pacne
  • 166
2 votos
Aceptado

Angular 7 Environment

Todos los entornos de ejecución (environments) declarados en tu proyecto deben tener un fichero environment.<entorno>.ts asociado, con los valores propios del entorno necesarios para adaptar la ...
Avatar del usuario Pablo Lozano
  • 49.9k
2 votos
Aceptado

Error al querer compilar en angular 7 con firebase: 'FirebaseApp' incorrectly implements interface 'App'

@Ilsanchez ha sido de mucha ayuda tu consejo, el error se soluciona cambiando la dependencia de firebase del 5.11 al 5.10, con esto ya se puede seguir trabajando, dejo el comando para el cambio de ...
Avatar del usuario srojas_dev
2 votos

Cambiar background de color al hacer click

Una posible solución: html <div class="visitas" (click)="enableDisableRule($event.target)"> <span>Juan López - 10:30</span> </div> ts enableDisableRule(elem) { const ...
Avatar del usuario Yohangel Ramos
2 votos
Aceptado

Como recargar contenido en angular

tienes tres opciones: 1) Async Pipe & Observables En este caso debes crear una variable de tipo observable que realice peticiones constantes a tu backend products: Observable<any>; ...
Avatar del usuario Alejandro
  • 427
2 votos
Aceptado

Ejecutar un método cuando termine otro, Angular 7

Según lo que me dices en los comentarios esto te puede servir , Lo que puedes hacer es que cuando se ejecute el primer método lanzar el segundo y cuando termine el segundo lazar el tercero y así ...
Avatar del usuario FRANCISCO J. BLANCO
2 votos

Angular 7 exportar PDF

En mi trabajo tuve que realizar exactamente eso. Existe la libreria html2canvas, pero descubri que esta podria llegar a ser muy lenta, ya que clona todo el DOM y lo introduce en un iFrame, ademas de ...
Avatar del usuario Duban Garcia
2 votos

Guardar Excel en Base 64 A Excel Angular6

Solución :) public base64ToBlob(b64Data, sliceSize=512) { let byteCharacters = atob(data.file); let byteArrays = []; for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) { ...
Avatar del usuario EduBw
  • 2,174
2 votos

¿Cómo convertir un objeto de una clase creada a objeto de Javascript?

Otra posible solucion seria usando Object.assign: let plainProducts = productos.map( product => Object.assign({}, product) );
Avatar del usuario Keff
  • 151
2 votos

Como cambiar el color de un botón según 0/1 Angular

Puedes usar ngClass: defines dos clases CSS para los dos estados y eliges la que corresponda en cada momendo: <button type="button" class="btn btn-sm m-2" [ngClass]="{ greenClass: encendi, ...
Avatar del usuario Pablo Lozano
  • 49.9k
2 votos

Capturar valor de un input de cada fila de una tabla con Angular 7

La forma mas rápida y sencilla como puedes hacerlo es crear en el objeto alumno una variable nueva el cual usaras para llenar el valor que se ingrese en el input correspondiente es decir: <tbody&...
Avatar del usuario jGomez
  • 1,502
2 votos

Angular - comunicacion entre componentes hermanos

Respondiendo a tu approach. Usar el EventEmitter<> está genial. Es el standard para comunicar de un componente a su padre. Lo que no me parece una buena idea es mantener la comunicación padre-...
Avatar del usuario VRoxa
  • 3,080
2 votos

Se pierde el estilo al momento de ingresar login :host ::deep - Angular

El problema está en usar las clases auto generadas como ng-tns-c13-3. Los números de esas clases corresponden al orden en que se van creando los componentes. Puede ser que al entrar directamente a la ...
Avatar del usuario Lobos
  • 16.4k
2 votos
Aceptado

ngFor - Como puedo mostrar los valores de un arreglo anidado en una tabla

Te voy a dar una idea, pero es para que la estudies: NOTA: Yo le puse el nombre TableArray a la variable. <table border="1"> <tr> <td>FECHA</td> <td *...
Avatar del usuario Alexander Diaz

Only top scored, non community-wiki answers of a minimum length are eligible