选件添加/更改时,芯片列表调用功能

时间:2019-12-19 10:30:33

标签: html angular angular-material

我使用的是芯片清单,并且某些功能在删除选项后会发生。但是,我也希望在添加选项时发生某些事情,或者实际上是在添加或删除选项时发生的调用(即内容更改)

我尝试过(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时没有设置。

0 个答案:

没有答案