我必须单击两次按钮才能调用该方法

Question

在stackblitz上关注example之后，我想在Angular Materials Mat-select中实现select all / deselect all。 一切都很完美，但我必须单击按钮两次，以便选择方法或取消选择一个。 这是我的代码

HTML：

<mat-option disabled="disabled" class="filter-option">
  <button class="btn btn-sm" (click)="selectAll(yearSelect, years)">
    Select All
  </button>
  <button class="btn btn-sm" (click)="deselectAll(yearSelect)">
    Deselect All
  </button>
</mat-option>

和打字稿：

selectAll(select: NgModel, values, array) {
select.update.emit(values); 
}

deselectAll(select: NgModel) {
  select.update.emit([]); 
}

我该如何解决这个问题？