错误:尝试比较 时出错。只允许数组和可迭代对象



我有一个多选字段。错误发生在我重置该字段中的所有值时

Html

<mat-form-field appearance="outline" fxFlex="100" >
<mat-label>StudentList</mat-label>
<mat-select multiple (selectionChange)="checkAllSelected(formData.student)"
class=componentWidth
[(ngModel)]="formData.student"
[ngModelOptions]="{standalone: true}" >
<mat-option *ngFor="let student of studentList" [selected]="student.name[value]="student">
{{student.name}}
</mat-option>
</mat-select>
</mat-form-field>

Ts重置

resetAll() {
this.formData.period = "";
this.formData.meetingCode = "";
this.formData.meetingName = "";
this.formData.chosenDate = "";
this.formData.academic = "";
this.formData.student = "";
this.formData.time_from = "";
this.formData.time_to = "";
this.meetingType = '';
this.studentList = "";

}

当我点击重置时,它显示错误

错误:尝试区分"时出错。只允许使用数组和可迭代项你能帮我找出的解决方案吗

属性studentList是一个字符串。

您不能使用*ngFor对字符串进行迭代,这正是错误消息试图告诉您的。有关更多信息,请查看Angular指令文档。

通过重置方法中的this.studentList = [];设置一个空数组。

最新更新