Angular2：入力の入力値をngFormでNgForで繰り返すことはできません

Question

管理者がガスボトルの価格を設定できるフォームを設定しようとしています。ボトルはタイプ、名前、および次のように価格があります。アカウントIDの入力とngForで繰り返さボトルのリスト：

export class Bottle { 

    constructor(
    public typeId: string, 
    public name: string, 
    public price: number 
) 
    { } 
} 

をここに表示されている形式です。

<form (ngSubmit)="onSubmit()" #bottleUpdatePriceForm="ngForm" > 

    <div class="form-group"> 
     <label for="accountId ">Account ID : </label> 
     <input type="text" class="form-control" id="accoundId" name="accountId" required [(ngModel)]="accountId"> 
    </div> 

    <div class="form-group" *ngFor="let bottle of bottleArrayToUpdate; let i = index"> 
     <label for="bottlePrice ">{{bottle.name}} : </label> 
     <input type="text" class="form-control" id="bottlePrice" name="bottlePrice" [ngModel]="bottleArrayToUpdate[i].price"> 
    </div> 

    <button type="submit" class="btn btn-default">Submit</button> 
    </form> 

は、私は彼らのタイプと名が設定されているボトル（実際は6）の配列として別のコンポーネントから私のフォームにデータを送信していて、価格はNULLです。

ボトルの繰り返し入力の入力値を取得する方法はありますか？標準形式では反応型ではありませんか？

[ngModel]="bottle.priceでも試しましたが、私の値にもアクセスできません。あなたの助け

Answer 1

ため

ありがとうございますが、2つの結合方法を確保するために[()]表記を使用する必要があります。このページでは一意である必要があるため

<input type="text" name="bottlePrice" [(ngModel)]="bottle.price"> 

はまた、idを使用していない、とあなたは、 *ngForでそれを使用してください:)