如何獲得的，其在Angular2

Question

動態創建我要設計基於以下圖像

design of my html page

顯示用戶點擊多個文本框的要求，但文本框中的值，每當我點擊+在文本框按鈕值重複我的HTML是像下面

<div class="form-group" style="margin-top: -10px;"> 
    <div class="col-lg-10" *ngFor="let rowplus of rowplus" style="margin-top: 12px;"> 
     <input type="text" placeholder="Command" class="form-control" [(ngModel)]="cli.cmd[rowplus[0]]" name="cmd" /> 
    </div> 
    <div class="col-lg-2" style="margin-top: 12px;"> 
     <button class="btn btn-success" (click)="addrow()"><i class="fa fa-plus"></i></button> 
     <button class="btn btn-danger" (click)="subrow()"><i class="fa fa-minus"></i></button> 
    </div> 
</div> 

如何避免這種代碼以及如何使用動態值[（ngmodel）。

Answer 1

不要使用相同的變量的所有文本框

[(ngModel)]="cli.cmd" 

您可以使用index

<div class="col-lg-10" *ngFor="let rowplus of rowplus; let idx=index" style="margin-top: 12px;"> 
    <input type="text" id="command" placeholder="Command" class="form-control" [(ngModel)]="cli[idx].cmd" name="cmd" /> 
</div> 

或值存儲在*ngFor迭代符變量rowplus

<div class="col-lg-10" *ngFor="let rowplus of rowplus" style="margin-top: 12px;"> 
    <input type="text" id="command" placeholder="Command" class="form-control" [(ngModel)]="rowplus.cmd" name="cmd" /> 
</div>