Angular: [(ngModel)] não pode vincular a elementos de matriz (foo[0])

Criado em 6 jan. 2016 · 3Comentários · Fonte: angular/angular

<input type="text" [(ngModel)]="values[0]"> não atualizará o modelo na mudança de valor da entrada:

Plunker: http://plnkr.co/edit/HOdOeLTwYzyNke3DTWOl?p=preview

Fonte

pkozlowski-opensource

Comentários muito úteis

Mudar

<input type="text" [(ngModel)]="values[0]"> => {{values}}

para

<input type="text" [(ngModel)]="values[0]"> => {{values[0]}}

Parece que o Angular 2 não se vinculará a um array em sua interpolação, apenas a elementos dentro do array. O DOM é atualizado somente quando as propriedades vinculadas são alteradas. Meu palpite é que colocar uma matriz simples {{values}} no modelo não aciona a detecção de alterações. Imagine um array com milhares de objetos. A alteração de qualquer um desses objetos pode desencadear a detecção de alterações, o que prejudicaria o desempenho.

pe8ter em 6 jan. 2016

👍4

Todos 3 comentários

Mudar

<input type="text" [(ngModel)]="values[0]"> => {{values}}

para

<input type="text" [(ngModel)]="values[0]"> => {{values[0]}}

pe8ter em 6 jan. 2016

👍4

Wooooppppps, você está totalmente certo @pe8ter , obrigado! Eu saltei para conclusões (erradas). Thnx novamente.

pkozlowski-opensource em 6 jan. 2016

Este problema foi bloqueado automaticamente devido à inatividade.
Registre um novo problema se você estiver encontrando um problema semelhante ou relacionado.

Leia mais sobre nossa política de bloqueio automático de conversas .

_{_Esta ação foi realizada automaticamente por um bot._}