Angular Material Autocomplete：绑定到点击模板答案

【问题标题】：Anuglar Material2 Autocomplete: bind to click in templateAngular Material Autocomplete：绑定到点击模板
【发布时间】：2017-05-17 00:26:02
【问题描述】：

我正在尝试实现 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>

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

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

你好，弗雷迪

【问题讨论】：

你能用 plunker 重现这个吗？ :)
@AJT_82 jep，做到了并找到了解决方案。我确实使用了材料 beta.3。升级到 beta.5 后，问题就消失了。但是感谢您愿意提供帮助:-)

标签： angular angular-material2 md-autocomplete

【解决方案1】：

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

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

【讨论】：