当视图由Angular中的* ngFor创建时，如何从Form获取数据？

Question

我知道ngModel有时可以提供帮助，但它仅适用于元素。我的视图是由* ngFor创建的，因此，如果我使用它，则ngModel将是相同的。我的代码是流动的。

            <div *ngIf="panel.type==3 ||panel.type==4 ">
                <div *ngFor="let question of panel.questions;let index=index;">
                    <h3>{{index+1}}、{{question.title}}</h3>
                    <nz-input nzType="textarea" [nzAutosize]="true"></nz-input>
                </div>
            </div>

Answer 1

不一定。

<div *ngFor="let question of panel.questions;let index=index;trackBy: customTB">
  <h3>{{index+1}}、{{questions[index].title}}</h3>
  <nz-input nzType="textarea" [nzAutosize]="true" [(ngModel)]="questions[index].answer"></nz-input>
</div>

在您的组件中，

customTB(index, item) { return index; }

这样，您可以创建一个自定义trackby函数，该函数将用于跟踪数组的项目（在处理字符串等基本值时需要自定义trackby函数）。