Linha do tempo de Angular 2x - Não realizar databinding para 2 objetos iguais
Licença atual: CC BY-SA 4.0
16 eventos
quando alternar formato | o que | por | licença | comentário | |
---|---|---|---|---|---|
17/09/2019 às 13:32 | voto | aceitação | Alessandro | ||
13/09/2019 às 21:13 | resposta | adicionado | Pedro Henrique Cndido Ferreira | linha do tempo pontuação: 0 | |
12/09/2019 às 20:15 | comentário | adicionado | Alessandro | Se utilizo o this.produtosOriginal = { ...this.produtos } perco os métodos .find(), filter(), etc.. / Se utilizo this.produtosOriginal = [ ...this.produtos ] tudo que altero em produtos reflete em produtosOriginal. Sobre estar funcionando no console realmente funciona, talvez seja algo com o ngModel, sinceramente não sei. | |
12/09/2019 às 20:09 | resposta | adicionado | Hiago Souza | linha do tempo pontuação: 0 | |
12/09/2019 às 20:00 | comentário | adicionado | Lucas Ayrosa |
Refletir você quer dizer que continua modificando os dois arrays? Porque não deveria acontecer isso. Você pode testar rapidamente no console do navegador criando um array de exemplo, copiando esse pra outro do jeito que estava fazendo a = b e criar um terceiro com c = [...a] , modifica os valores de b e c e verá que apenas a alteração de b influencia em a . De qualquer forma, tem outro jeito de copiar valores: this.produtosOriginal = this.produtos.slice(); . Pode testar, se quiser.
|
|
12/09/2019 às 19:59 | comentário | adicionado | Leonardo Getulio |
Método ou propriedade? Se for método é provável que vá perder mesmo. Se for propriedade/valor não deveria perder, esta função é nativa, entretanto pode varrer o array e dar .push() em cada objeto devendo antes assimilar em uma constante. Exemplo: const copiaProduto = {...produtosOriginal[0]}; produtos.push(copiaProduto); . Testa ai, qualquer coisa chama aqui.
|
|
12/09/2019 às 19:50 | comentário | adicionado | Alessandro | this.produtosOriginal = [...this.produtos] = continua refletindo / this.produtosOriginal = {...this.produtos} = perde-se os métodos de "produtosOriginal" | |
12/09/2019 às 19:46 | comentário | adicionado | Lucas Ayrosa |
Da forma que o @LeonardoGetulio falou mesmo, só que acredito que o único equívoco foi as chaves... Seria: this.produtosOriginal = [...this.produtos]; . Teste e veja se irá resolver seu problema.
|
|
12/09/2019 às 19:42 | comentário | adicionado | Alessandro | Lucas Ayrosa, qual seria então a maneira correta de popular uma cópia? | |
12/09/2019 às 19:41 | histórico | editada | Alessandro | CC BY-SA 4.0 |
adicionou 98 caracteres ao conteúdo
|
12/09/2019 às 19:38 | comentário | adicionado | Alessandro | Leonardo Getulio, tentei fazer como você passou, só que para minha lógica seria o inverso: this.produtosOriginal = { ... this.produtos }; só que não consigo mais acessar os métodos por ex: this.produtosOriginal.length | |
12/09/2019 às 19:07 | comentário | adicionado | Lucas Ayrosa |
Se você estiver populando produtos através da produtosOriginal da seguinte forma: this.produtos = this.produtosOriginal; você não está passando os valores, está passando a referencia. Logo produtos aponta pra produtosOriginal , e qualquer alteração em produtos irá alterar produtosOriginal . Espero que de pra entender...
|
|
12/09/2019 às 18:50 | comentário | adicionado | LeAndrade | Não deu pra entender muito bem, pq tem 2 variáveis diferentes com o mesmo tipo de objeto no mesmo componente? | |
12/09/2019 às 18:38 | comentário | adicionado | Leonardo Getulio |
A lista produtos é uma cópia de produtosOriginal ? se for você vai ter de copiar uma para outra usando spread (... ). Ficaria assim a assimilação: produtos = {...produtosOriginal}; assim a alteração em "produtos" não reflete em "produtosOriginal".
|
|
12/09/2019 às 18:31 | histórico | editada | Alessandro | CC BY-SA 4.0 |
adicionou 15 caracteres ao conteúdo
|
12/09/2019 às 18:26 | histórico | perguntada | Alessandro | CC BY-SA 4.0 |