1

Buenas a todos.

Yo tengo un metodo que digamos que hace algo así:

getAll(){
         this.commonServices.getAllList()
                           .subscribe(
                               res => {
                                    this.resultList= res;
                                    this.copieResultList= res;                               
                               },
                                err => {
                                    console.log("Error: " + err);
                                });

    }

Hasta aquí todo bien. Llamo al servicio que me va a recuperar un array de objetos y almaceno su respuesta en dos variables del scope. resultListy copieResultList. El problema es que más abajo tengo un metodo que hace:

getOne(id: string){
        this.commonService.getOne(id)
                            .subscribe(
                                res => {
                                 console.log(this.resultList);
                                    this.resultList.length = 0;
                                    this.resultList= res;
                                 console.log(this.resultList);
                                },
                                err => {
                                    console.log("Prueba error: " + err);
                                });
    }

Aquí empieza el problema. Y es que el primer console.log me imprime la lista como es lógico. Pero el segundo no, el segundo me lo muestra vacio. Es decir al haber modificado el resultList me ha modificado tambien el copieResultList

El scope no se está modificando por error en ningún otro lado del código.

¿Alguna idea?

1 respuesta 1

4

Mas que un error de Scopes, es un error de concepto de programacion. Cuando vuelcas el valor de un objeto, no vuelvas el objeto en la variable si no que creas una referencia a el, lo que explica lo que te esta pasando.

Una vez que pasas la primera captura, ambos apuntan al mismo espacio de memoria donde se encuentra dicho objeto.

Cuando llegas a la segunda imagen, modificas resultList pero tambien afecta a copieResultList porque realmente estas modificando el objeto al que ambos estan apuntando.

7
  • Entonces, ¿de qué forma puedo solucionarlo?. He entendido perfectamente lo que explicas jeje, pero no veo forma de solucionarlo.
    – Findelias
    Commented el 13 mar. 2017 a las 10:05
  • No se la lógica de hacerlo de la forma que lo estas haciendo, me resulta raro, pero si lo necesitas puedes usar esto let nuevoObjeto = Object.assign({}, miObjeto) y obtendras una copia con diferentes referencias Commented el 13 mar. 2017 a las 14:01
  • Si te he resuelto la pregunta inicial, podrias marcarla como correcta? Gracias ;) @Findelias Commented el 13 mar. 2017 a las 14:02
  • No veo la forma de usar let aquí. Ya que si lo declaro dentro de la primera función no podría ver luego su valor en la otra. Y si lo declaro fuera de ellas más de lo mismo.
    – Findelias
    Commented el 13 mar. 2017 a las 14:29
  • Creo que la respuesta está respondida, eso que planteas es como resolverlo en tu caso particular con ejemplos de código, para lo cual haría falta un ejemplo en plunkr donde enseñarte como se haría normalmente. Commented el 14 mar. 2017 a las 9:21

Tu Respuesta

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

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