我使用的是芯片清单,并且某些功能在删除选项后会发生。但是,我也希望在添加选项时发生某些事情,或者实际上是在添加或删除选项时发生的调用(即内容更改)
我尝试过(click)="testMethod()"
和(selectionChnaged)="testMethod()"
,但似乎都没有用。
<mat-form-field class="btn-div" *ngIf="showSectors">
<mat-chip-list #chipList>
<mat-chip *ngFor="let sector of chosenSectors" [removable]="true" (removed)="removeSector(sector)">
{{ sector.service_code + ": " + sector.service }}
<mat-icon matChipRemove>cancel</mat-icon>
</mat-chip>
<input placeholder="Sectors" #sectorInput [formControl]="sectorCtrl" [matAutocomplete]="auto"
[matChipInputFor]="chipList" [matChipInputAddOnBlur]="true">
</mat-chip-list>
<mat-autocomplete #auto="matAutocomplete" (optionSelected)="selected($event)">
<mat-option *ngFor="let sector of filteredSectors | async" [value]="sector" matTooltip={{sector.commodity}}
[matTooltipPosition]="'after'" [matTooltipShowDelay]="500">
{{ sector.service_code + ": " + sector.service }}
</mat-option>
</mat-autocomplete>
</mat-form-field>
(click)
功能在其位于mat-form-field内时起作用,但这不适合,因为我最终会将字段的值传递给要调用的方法,而该值不是在点击mat-form-field时没有设置。