angular - 角度自动完成 - 用当前突出显示的选择替换字段

Question

我在项目中使用Angular 自动完成功能。

用户可以使用向上和向下箭头导航自动完成结果。但是，我想让它表现得像 google-suggest 那样；使用向上箭头或向下箭头选择值时，输入文本也会更改。

我目前有，但在选择之前optionSelected我需要它。

<mat-autocomplete #auto="matAutocomplete" (optionSelected)="onSelectSuggestion($event)">
    <mat-option *ngFor="let result of (suggestions$ | async)" [value]="result">
        {{ result.suggestion }}
    </mat-option>
</mat-autocomplete>

例如，例如；我输入jag，自动完成可能会提示jaguar。我使用箭头导航到该条目并键入car。理想情况下，输入将包含jaguar car到那时。

实现这一目标的最佳方法是什么？

更新：

我可以使用optionActivated，但是当我选择第一个条目时，它会被激活并放入搜索输入中。我不希望这样，如果用户在仍然选择项目时开始输入，我希望它进入搜索框。