Question

我的代码：

<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" value="{{row.value}}" id="email-h-t" type="email">
      </div>
      <div class="col-sm-3">
        <button class="btn btn-danger" (click)="removeInputs('vip',i)">Remove</button>
      </div>
    </div>
  </div>
</div>

<button type="button" class="btn btn-secondary" (click)="vipInputIncrement('val')">ADD</button>

我的数组：vipInput = [{"value":"1","value":"2","value":"3"}]

  vipInputIncrement(val) {
    this.vipInput.push({'val':''});
  }

在这里，我无法将值推送到我的数组'this.vipInput'，只推送空值。任何人都可以帮助我。谢谢。

Answer 1

首先修复你的数组并使用这种格式

[{"value":"1"},{"value":"2"},{"value":"3"}]

以后再尝试这个

vipInputIncrement(val) {
    this.vipInput.push({'value':this.vipInput.length+1});
}

请注意“val”已被“值”更改实际上你应该删除没有使用的参数。

vipInputIncrement() {
    this.vipInput.push({'value':this.vipInput.length+1});
}

并在html中

<button type="button" class="btn btn-secondary" (click)="vipInputIncrement()">ADD</button>

如何通过输入字段迭代值

1 个答案: