Html 添加/更改选项时的Mat芯片列表调用功能

我使用的是一个mat芯片列表，当一个选项被删除时，我有一些特定的功能。但是，我也希望在添加选项时发生一些事情，或者在添加或删除选项时发生调用（即内容更改）

我尝试了

（单击）=“testMethod（）”

和

（选择技术）=“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>

{{sector.service_code+”：“+sector.service}
取消
{{sector.service_code+”：“+sector.service}

---

（单击）

功能在mat form字段内时起作用，但这不合适，因为我最终会将字段的值传递给我要调用的方法，并且在单击mat form字段时不会设置该值。

您是否可以尝试在stackblitz上创建一个演示来重现该问题？查看您是否尝试了

（MatchiPiInputTokened）=“添加（$event）”

上的

？