Anuglar Material2 Автозаполнение: привязать к шаблону

Question

Я пытаюсь реализовать угловое (4) материал2 автозаполнение, где пользователь может добавить элемент через диалоговое окно, если нет результата. Поэтому я попытался добавить ссылку на шаблон автозаполнения следующим образом:

<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>

Я предполагаю, что событие click отслеживается компонентом автозаполнения, потому что, когда я пытаюсь нажать на ссылку, ничего не происходит:-(

Есть идеи, как правильно это реализовать? Любая помощь очень ценится и спасибо заранее.

Привет, Фредди

Answer 1

Пытаясь подготовить поршня, я нашел проблему и решение для своего собственного вопроса. Кажется, что есть ошибка в материале версии 2 бета.3. После обновления до бета.5 проблема исчезла. Приведенный выше код хорошо работает с материалом бета.5.

Плункер с неработающей версией: http://embed.plnkr.co/jEmWJTEMWzyRnLjbIBev/