如何通過輸入迭代值字段

我的代碼：如何通過輸入迭代值字段

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

來源

2017-05-24 MMR

可以CONSOLE.LOG（VAL）內vipInputIncrement（）函數 –

喜迪內希我添加按鈕是出了迭代標籤的，所以，我怎麼能傳遞價值vipInputIncrement（）？ – MMR

那麼你的代碼中的代碼（click）=「vipInputIncrement（'val'）？ –

首先解決您的陣列，並把它與該格式

[{"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>

來源

2018-02-15 09:36:12 Lucke

如何通過輸入迭代值字段

回答

相關問題