2017-03-24 15 views
2

私は私がやりたい何このHTMLリスト生成入力.tsで使用する入力値を取得しますか?

<ul class="list-unstyled"> 
     <li class="form-group" *ngFor="let checkNum of checkNums; let n=index"> 
      Check #{{checkNum}}: $<input name="check{{checkNum}}" type="number" min="0.01" step="0.01" placeholder="0.00" /> 
     </li> 
    </ul> 

を持っているが生成された各入力フィールドの値を取り、私は私のapp.compoment.ts中で他のものを行うための値を得ることができるようにそれらを一緒に追加することですファイル。私はこれを行うに精通してるの方法は、[(ngModel)]を使用しているが、私は入力が*ngFor

EDITによって生成されたときにこれを行う方法を見つけ出すことはできません:私は宣言することで、これを解決:

check:number[]=[];

、私のapp.component.tsファイルです。これがベストプラクティスかどうかはわかりませんが、私にとっては問題が解決しました。

答えて

2

あなたは、インデックスこれが機能していない

<input [(ngModel)]="check[n]" name="check{{checkNum}}" type="number" min="0.01" step="0.01" placeholder="0.00" /> 
+0

ことによってそれをバインドすることができ、私は ' – user3183717

+0

input'sにこれを追加したときに繰り返しの束がエラー「プロパティ『0』未定義のを読み取ることができません」を取得しますプロパティを持たない場合はバインドできません。 –

+0

私はこれが何を意味するのか、それをどう解決するのか全く分かりません。謝ります。 編集:Nevermindは、私の 'app.component.ts'で' check:number [] = []; 'を最初に宣言しなければならなかったので、まず – user3183717

関連する問題