Я должен дважды нажать на кнопку, чтобы вызвать метод

Следуя этому примеру на stackblitz, я хотел реализовать select all/ deselect all в Angular Materials Mat-select. Все работает отлично, но мне приходится дважды нажимать на кнопки, чтобы вызывался метод выбора или отмена выбора. Вот мой код

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([]); 
}

Как мне решить эту проблему, пожалуйста?

0 ответов

Другие вопросы по тегам