在 Angular 中不再悬停 mat-option 时，有没有办法调用函数？

Question

我得到了以下代码

<mat-form-field appearance="fill" style="margin: 0px 20px;font-size:13px;">
          <input matInput type="text" aria-label="Number" placeholder="{{'Home.search' | translate }}"
            [formControl]="myControl" [matAutocomplete]="auto" (ngModelChange)="getByKeyword($event)">

<mat-option *ngFor="let testCity of testCities" [value]="testCity.city"
    (click)="testFunction(testCity.city, testCity.countryIso, testCity.cityId)">

我想知道，有没有一种方法可以在不使用（单击）的情况下调用“testFunction”，而是使用检测输入字段不再悬停或每次输入新字母实例的方法来调用“testFunction”？

Answer 1

使用“mouseleave”事件（与“click”的用法相同）在停止悬停时执行功能。要检测键入，您可以使用“keydown”或“keyup”事件。

在 Angular 中不再悬停 mat-option 时，有没有办法调用函数？

Is there a way to call a function when no longer hovering mat-option in Angular?

typescript

angular-material

angular