Css 如何解决在“角度材质中的多重选择”中选择所有值的问题？

我正在使用角度材质库multiselect。我在这个选择中添加了一个元素，当点击列表中的所有元素时，列表中的所有元素都会被选中，但问题是，在这个例子中，所有这些元素，连同all，都属于select字段，看起来像是“值1，值2，值3，值4，all”。如何使选择所有元素时，在该字段中仅保留值“all”，而不保留其余选定元素

导出类AppComponent{
searchUserForm:FormGroup；
userTypeFilters=[
{
键：1，值：“值1”，
},
{
键：2，值：“值2”，
},
{
键：3，值：“值3”，
},
{
键：4，值：“值4”，
}
];
@ViewChild（'allSelected'）private allSelected:m选项；
构造函数（私有fb:FormBuilder）{}
恩戈尼尼特（）{
this.searchUserForm=this.fb.group({
用户类型：新表单控件（“”）
});
}
toggleAllSelection（）{
if（this.allSelected.selected）{
this.searchUserForm.controls.userType
.patchValue（[…this.userTypeFilters.map（item=>item.key），0]）；
}否则{
this.searchUserForm.controls.userType.patchValue（[]）；
}
}
}

{{filters.value}
全部的

以下是解决方案

全部的
{{filters.value}
全部的