从Angular材料自动完成打开链接

Question

我的项目使用Angular，我已经创建了一个搜索框。我希望能够点击下拉选项，这样当我点击该选项时，它会打开一个链接。这是选项的HTML。

<mat-autocomplete #auto="matAutocomplete">
<mat-option *ngFor="let option of filteredOptions | async" [value]="option">
{{option}}
</mat-option>
</mat-autocomplete>

有没有一种简单的方法可以点击选项并打开链接？还是我必须以某种身份使用(点击(事件？实现这一目标的最佳方式是什么？

Answer 1

您可以在mat选项元素中添加a或button标记。

<mat-option *ngFor="let option of filteredOptions | async" [value]="option">
<a href="http://www.google.com">{{option}}</a>
</mat-option>

参考编号：https://stackblitz.com/angular/aaljlkxaorrk?file=src/app/autocomplete-auto-active-first-options-example.html