当要使用自动完成功能时，如何避免在输入时触发搜索？角度 HTML

Question

我正在尝试使用 Enter 进行自动完成，然后能够使用 Enter 搜索我的输入。当应选择自动完成时，如何才能不使用 Enter 触发搜索？目前，在第一次选择自动完成之后，两者会同时触发。

HTML:

<input placeholder="Addera kompetenser..." #competenceInput [formControl]="competenceCtrl" [matAutocomplete]="auto" [matChipInputFor]="chipList" [matChipInputSeparatorKeyCodes]="separatorKeysCodes" (keydown.enter)="serachTriggerEnter()" (matChipInputTokenEnd)="add($event)">

TS:

separatorKeysCodes: number[] = [ENTER];

serachTriggerEnter() {
    this.searchCompetences(); 
}

add(event: MatChipInputEvent): void {
    const value = event.value 
    this.addToArray(value);
    event.chipInput!.clear();
    this.competenceCtrl.setValue(null);
}

如果您希望我添加信息以便更容易理解我的问题，请随时询问我！

提前致谢。