如何基于ngModel值更改来更新选中/未选中的垫选择选择？

我目前正在使用材质库和Angular 8构建搜索表单，其中可以在“垫选择”下拉选项列表中选择多个选项，以在表单字段中显示为带有取消图标的筹码。单击芯片的取消图标后，芯片将从表格字段中删除。但是，不会下拉选择下拉列表中的相关选项。以下是我的代码，任何帮助或信息都将不胜感激。

html部分：


Multi Select Chips Form

[selectable]="selectable"
[removable]="removable"
(removed)="remove(selectedChip)">
{{selectedChip}}
cancel

[formControl]="reportingForms.controls['chipSelect']"
[(ngModel)]="chips_selected">
-- None --

{{chipoption}}



Click outside of the form when selection is done



ts部分：

chipoptionList: any = ['All','NodeChip-0','NodeChip-1','NodeChip-2','NodeChip-3'];
remove(removedOption: string): void {
const index = this.chips_selected.indexOf(removedOption);
if (index >= 0) {
this.chips_selected.splice(index,1);
}
}