清除（和重置）材料选择

Question

我知道已经有一些问题，但没有一个答案似乎有效。

我有一系列Angular选择（mat-select）。在一个mat-select中选择的选项会影响后续mat-select个实例中可用的选项。例如，如果第一个mat-select允许您选择fruit或vegetable，则第二个mat-select可能包含apple和orange如果您选择fruit，则cucumber或potato和vegetable。

问题在于，如果您返回并更改fruit / vegetable选项，我需要清除第二个mat-select（否则，它只会显示新项目）相同的选定索引）。

我尝试使用patchValue将控件的值设置为null。我试过在控件上调用reset。我发现的选项似乎都没有用。

我可以参考这个工作的例子吗？

Answer 1

所以答案结果是我需要对每个[(ngModel)] 使用mat-select绑定，为每个{{1}分配一个formControlName }以使其在mat-select内工作。