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

在尝试让侦探准备好的同时，我找到了问题并解决了我自己的问题。似乎material2版本beta.3中存在一个错误。升级到beta.5后，问题就消失了。上面的代码适用于材料beta.5。

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

Anuglar Material2自动完成：绑定到模板中的单击

1 个答案: