1

Tengo una funcion que agrega un nuevo registro y me retorna un objeto, el objeto lo añado al array, pero no se muestra en pantalla hasta hacer click en el algun lado de la pantalla. El componente es para usar un MatBottomSheet.

this.comentariosService.postComentarioPbl(this.ModeloComentarioPbl)
          .subscribe(res => {

            console.log(res); //Linea 93
           
            let object = res as GetComentarioPbl; 
            this.ModeloComentarioPbl = new ComentarioPbl();

            this.arrayComentarioPbl.splice(0, 0, object); // ==> Aqui añado el objeto al array de comentarios
            this.countComentarios=this.countComentarios +1;
            this.readonlyTxtPbl = false;

          });

En la imagen se aprecia que la consola muestra que ya recibi el objeto, incluso se muestra la linea del ts

introducir la descripción de la imagen aquí

2 respuestas 2

1

Agrega:

import { ChangeDetectorRef } from '@angular/core';

En el constructor

public appRef: ChangeDetectorRef,

El código:

this.comentariosService.postComentarioPbl(this.ModeloComentarioPbl)
      .subscribe(res => {

        console.log(res); //Linea 93
       
        let object = res as GetComentarioPbl; 
        this.ModeloComentarioPbl = new ComentarioPbl();

        this.arrayComentarioPbl.splice(0, 0, object); // ==> Aqui añado el objeto al array de comentarios
        this.countComentarios=this.countComentarios +1;
        this.readonlyTxtPbl = false;
        this.appRef?.detectChanges();
      });

De esta forma obligas a Angular a detectar cambios.

1
  • 1
    Gracias! Efectivamente, el tema era el detector de cambios. el 13 dic. 2022 a las 0:03
0

Varios detallitos:

this.arrayComentarioPbl.splice(0, 0, object);

se puede poner más elegante así:

this.arrayComentarioPbl.unshift(object); //insertar en la primera posición

Pero en cualquier caso creo que lo que falla es que Angular no sabe que has modificado el array: lo que comprueba son los cambios de objeto, pero el array sigue siendo el mismo aunque modificado.

Debería funcionar si usas

this.arrayComentarioPbl = [object].concat(this.arrayComentarioPbl;

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.