How can I determine with the openedChange event if there have been any changes to the select box items when the mat select panel is closed or opened?
Currently, I am only able to detect if the panel is open or closed. I would like to be able to detect any activity or selected items in the select menu when it is closed. Thank you.
I need to check for any modifications in the selection.
#html code
<mat-form-field class="job-filter" appearance="fill">
<mat-select #select [formControl]="marketDropdownMultiCtrl" placeholder="Market" [multiple]="true" #marketDropdownMultiSelect (openedChange)="changeFilterEvent($event,select)">
<mat-option>
<ngx-mat-select-search
[showToggleAllCheckbox]="true"
accesskey=""
placeholderLabel="Search Market filter"
noEntriesFoundLabel="'No results found'"
(toggleAll)="toggleSelectAllMarket($event)"
[toogleAllCheckboxTooltipPosition]="'above'"
[toggleAllCheckboxChecked]="marketDropdownMultiCtrl?.value?.length === marketDropdownSize"
[toggleAllCheckboxIndeterminate]="marketDropdownMultiCtrl?.value?.length > 0 && marketDropdownMultiCtrl?.value?.length < marketDropdownSize"
[toggleAllCheckboxTooltipMessage]="'Select / Deselect all Market filters'"
[formControl]="marketDropdownMultiFilterCtrl">
</ngx-mat-select-search>
</mat-option>
<mat-option *ngFor="let market of filteredMarketListMulti | async" [value]="market">
{{market.description}}
</mat-option>
</mat-select>
</mat-form-field>
https://i.stack.imgur.com/FYGkA.png
#tscode
changeFilterEvent(opened:boolean,element:any){ }