angular - 页面下方的条目列表。就像将 2 个文本框控件添加到 formarray

Question

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

Answer 1

在您的打字稿中：

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

addButtonClick(){
    this.formArray.push({textbox1: null, textbox2: null});
}

在您的 html 页面中：

<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>

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