Eğik 2 - ngModel

Question

Dinamik Değişkenler nasıl ngModel dinamik değişkenleri kullanmak

?

Ben aşağıdaki kodu kullanmaya çalışıyorum ancak aşağıdaki hata ortaya çıkıyor:

<div *ngFor="let num of ['1','2','3']; let i=index"> 
    <input id="qtd{{num}}" [(ngModel)]="qtd{{num}}" type="text"/> 
</div> 

Erro

Unhandled Promise rejection: Template parse errors: Parser Error: Got interpolation ({{}})

Answer 1

bileşeninde dizi tanımlayın ve içinde itmeye devam: gibi 0 Sonra şablon görünebilir.

export class AppComponent { 
    qtd:any[] = {}; 
} 

Sonra QTd'nin dizi yardımcı olur

Plunker

Umut olacak bu tüm dinamik modellerde

<div *ngFor="let num of ['1','2','3']; let i=index"> 
    <input id="qtd{{num}}" [(ngModel)]="qtd[num]" type="text"/> 
</div> 

{{ qtd | json}} 

gibi şablonu güncellemek!

Answer 2

en aşağıdaki bileşeni var diyelim

export class AppComponent { 
    qtd1 = 'qtd1'; 
    qtd2 = 'qtd2'; 
    qtd3 = 'qtd3'; 
} 

<div *ngFor="let num of ['1','2','3']; let i=index"> 
    <input id="qtd{{num}}" [(ngModel)]="this['qtd' + num]" type="text"/> 
</div> 

Plunker Example