Angular动态添加一个带有和input以及按钮的字段集

Question

我想要一个表单，它有一个输入字段，采用数字(15,30,45(，将用作分钟。它应该有一个添加按钮，它将添加该输入的另一行，旁边还有添加按钮。如果我有多个字段集，那么我希望在所有字段集之外有一个按钮，可以删除输入。

<div id="minute">
<label for="MinuteImput">In Minute </label>
<input type="number" id="MinuteImput" min="0" max="45" step="15">
<button>+</button>
<button *ngIf="count divs with id minute > 1" >-</button>
</div>

Answer 1

在Angular框架中，尽量避免使用"id"；它本身这个框架的主题是数据绑定。对于您的情况，您需要使用"；ngFor"；。类似以下内容。

<div *ngFor='let num of inptFieldArray'>
<label for="MinuteImput">In Minute </label>
<input type="number" id="MinuteImput" min="0" max="45" step="15">
<button (click)="inptFieldArray.push(inptFieldArray.length)">+</button>
<button *ngIf="inptFieldArray.length> 1"  (click)="remove(num)">-</button>
</div>

参考