2017-05-24 25 views
0

我的代码:如何通过输入迭代值字段

<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”只有空值被推送。任何人都可以帮助我。谢谢。

+0

可以CONSOLE.LOG(VAL)内vipInputIncrement()函数 –

+0

喜迪内希我添加按钮是出了迭代标签的,所以,我怎么能传递价值vipInputIncrement()? – MMR

+0

那么你的代码中的代码(click)=“vipInputIncrement('val')? –

回答

0

首先解决您的阵列,并把它与该格式

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

后来尝试这种

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

注意,“VAL”已被“价值”改变 其实你应该删除PARAM这没有被使用。

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

,而在HTML

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