angular - Angular Material2 自动完成：绑定到模板中的点击

Question

我正在尝试实现 angular(4) material2 自动完成功能，如果没有结果，用户可以通过对话框添加项目。因此，我尝试添加一个指向自动完成模板的链接，如下所示：

<md-autocomplete #auto="mdAutocomplete" [displayWith]="displaySport">
   <md-option *ngFor="let option of options" [value]="option">
     {{ option.name }}
   </md-option>
   <div class="not-found" *ngIf="options.length === 0">
     <a (click)="openDialog()">Add new</a>
   </div>
</md-autocomplete>

我猜点击事件被自动完成组件捕获，因为当我尝试点击链接时没有任何反应:-(

知道如何正确实施吗？任何帮助都非常感谢，并在此先感谢。

问候，弗莱迪

Answer 1

在尝试让 plunker 准备好时，我发现了我自己的问题的问题和解决方案。material2 版本 beta.3 中似乎存在错误。升级到 beta.5 后，问题就消失了。上面的代码适用于材料 beta.5。

带有损坏版本的 Plunker：http ://embed.plnkr.co/jEmWJTEMWzyRnLjbIBev/