基于角材料复选框的下一节可见性控制问题

Question

我正在使用材料复选框和材料选择

选择选项是动态的，它基于来自Array的同一表单字段

https://stackblitz.com/edit/angular-rwyr3u

检查链接，请了解其他条件并检查控制台

Field_Filter函数在单个复选框中多次称为单击。

任何人建议我如何解决此问题或提供替代解决方案

Answer 1

看起来像是通过函数field_filter((作为 *ngfor loop的paramater(在每个迭代中调用函数(。

相反，将函数写入变量，然后使用 *ngfor迭代该变量。

示例：

html： <mat-option *ngFor="let Fields of FilteredList" [value]="Fields._id"> {{Fields.Name}} </mat-option>

ts：

filteredList: [any]
someEventFunction(Type: any, Index: any) {
this.filteredList = Field_Filter(Type, Index)

}

我在确定您所需的行为是什么问题上遇到了一些麻烦，所以我无法为您提供一个完整的工作例子，但我希望这会有所帮助！