Angular 单击时清除所选项目，并防止函数始终执行

我正在尝试使用mat select autocomplete，但在实现上遇到了一些问题

首先问题是，每次单击mat select autocomplete时，函数的（selectionChange）=“getSelectedOptions（$event）”事件总是在运行。是否只有在我选择一个选项时才能执行此功能

第二个问题：是否有办法在单击提交按钮后清除所选项目

.html

<div class="container">
  <mat-select-autocomplete class="grid-7-11"
    [placeholder]="'Options Selection'"
    [errorMsg]="errorMessage"
    [showErrorMsg]="showError"
    [options]="options"
    [display]="'display'"
    [value]="'value'"
    [multiple]='true'
    [labelCount]="2"
    [selectedOptions]="selectedOptions"
    (selectionChange)="getSelectedOptions($event)">
  </mat-select-autocomplete>
</div>

<button (click)="clear()">Submit and clear selects</button>

有人能帮我吗？多谢各位

---

您正在使用本机

选择
。

通过查看
mat autocomplete
的文档，您应该使用您使用的是本机
选择
。

通过查看
mat autocomplete
的文档，您应该使用了谢谢您的回复。我试图实现，但事件/函数没有执行：（啊，我明白了，您正在使用（这个）[]模块。好的，这应该由库作者修复。您已经有angular提供的autocomplete，我会使用它。但是，如果您仍然想使用此软件包，那么您可以使用我在更新中发布的代码过滤输入。感谢您的回复。我已尝试实现，但事件/函数未执行：（啊，我明白了，你正在使用（这个）[]模块。这个问题应该由库作者解决。你已经有angular提供的autocomplete，我会使用它。但是，如果你仍然想使用这个软件包，那么你可以用我在更新中发布的代码过滤输入。
  selected: any[]=[];
  showError = false;
  errorMessage = '';


  getSelectedOptions(selected) {
    this.selected = selected;
    console.log(this.selected)
  }

  clear(){ 
    this.selected = [];
    console.log(this.selected)
  }