页面下方的条目列表. 这就像将 2 个文本框控件添加到 FormArray 中一样

Question

嗨，我需要角度 4 代码来满足要求，例如会有 2 个文本框和添加按钮，单击添加按钮后，它应该将 2 个文本框数据推送到页面下方的条目列表中。 这就像将 2 个文本框控件添加到表单数组中一样。

Answer 1

在您的打字稿中：

public formArray:any=[];
ngOnInit(){
this.formArray = [{textbox1: null, textbox2: null}];
}
addButtonClick(){
this.formArray.push({textbox1: null, textbox2: null});
}

在您的网页中：

<button (click)="addButtonClick()" > Add<button><br />
<div *ngFor="let obj of formArray">
<input type="text" [(ngModel)]="obj.textbox1" />
<input type="text" [(ngModel)]="obj.textbox2" />
</div>

这是逻辑， 希望这对你有帮助！！