如何在添加按钮上增加输入框答案

【问题标题】：How to increment input box on add button如何在添加按钮上增加输入框
【发布时间】：2017-05-05 14:09:51
【问题描述】：

我想增加我的输入框，它的增量和拼接，但问题是当我在一个框中输入值时，在另一个框中相同的值被替换。我认为这是由于 ngModel。任何人都可以帮助我。Thnaks。

    <div class="form-group row text-right" *ngFor='let row of vipInput'>
    <label class="col-sm-3 form-control-label m-t-5" for="password-h-f"></label>
    <div class="col-sm-9 form-control-label m-t-5" for="password-h-f">
        <div class="row">
            <div class="col-sm-9" >
                <input class="form-control"  [(ngModel)]="data.vipInput" id="email" type="email">
            </div>
            <div class="col-sm-3">
                <button class="btn btn-danger" (click)="removeVipInputs(index)">Remove</button>
            </div>
        </div>
    </div>
</div> 
     <button type="button" class="btn btn-secondary" (click)="vipInputIncrement('val')">
             <i class=" fa fa-plus"></i>
     </button>

我的ts，（我正在使用angular2）

 vipInputIncrement(val) {
   this.vipInput.push({'val':''});
}
removeVipInputs(k) {
  this.standardInput.splice(k,1);
}

【问题讨论】：

我认为您可以使用数组的 $index 来区分每个元素的 ng-model。像 [(ngModel)]="data.vipInput[$index]"
您正在绑定到不依赖于row 的data.vipInput，因此每一行都是相同的。
你好 Gunder，如何解决这个问题。
@CrazyMac，它说无法读取未定义的未定义。
@MMR vipInput 是否为数组，之前的数据是什么？

标签： javascript jquery html angular

【解决方案1】：

您的 ng-model 应该在这一行中，

    <div class="form-group row text-right" *ngFor='let row of vipInput'>
    <label class="col-sm-3 form-control-label m-t-5" for="password-h-f"></label>
    <div class="col-sm-9 form-control-label m-t-5" for="password-h-f">
        <div class="row">
            <div class="col-sm-9" >
                <input class="form-control"  [(ngModel)]="row.val" id="email" type="email">
            </div>
            <div class="col-sm-3">
                <button class="btn btn-danger" (click)="removeVipInputs(index)">Remove</button>
            </div>
        </div>
    </div>
</div>

我认为应该是row.val，但你可以决定你想展示什么

【讨论】：