我有一个包含3个字段的部分,当点击新按钮时,我必须得到相同的部分.我没有错误,所以我没有得到我错的地方
HTML：
<form *ngFor="let emergency of Emergencies; let i = index">
<div>
<label > Name</label>
<input type="text" [(ngModel)]="emergency.Name" name="emergency.Name"
/>
</div>
<div>
<label >Phone</label>
<input type="text" OnlyNumber="true" [(ngModel)]="emergency.Phone" name="emergency.Phone"
maxlength="15" />
</div>
<div>
<label >Relations</label>
<select class="col-lg-6 col-md-6 col-sm-6 col-xs-6"[(ngModel)]="emergency.ship">
<option >{{ship.Description}}</option>
</select>
</div>
</div>
</form>
解决方法
如果你可以使用模板驱动的表格,这里有一个答案.
添加用于创建新字段的按钮
<button (click)="addEmergency()">New</button>
addEmergency() {
var item = {
"ContactName":"Person3","Phone": "122355","relationship": ""
}
this.Emergencies.push(item);
}
在html中：
<div *ngFor="let Emergency of Emergencies"> Your inputs go here </div>
