Angular 2，选择选项问题

Question

在Angular 2中，我创建了一个带有动态选项的选择（下拉菜单）（在这种情况下为类别）和一个选项，它调用一个函数来创建一个新类别，该类别被添加到选择选项列表中（即 - 下拉菜单）。

  <md-select name="categories" (change)="categoryChanged($event)" [(ngModel)]="selectedCategory" floatPlaceholder="never" #categorySelect>
    <md-option (click)=openAddCategoryDialog(proj)>Add Category</md-option>
    <md-option *ngFor="let curr of proj['data'][0].Category" [value]="curr">{{curr.name}}</md-option>
  </md-select>

当我从选择下拉列表中选择“添加类别”并创建新类别时，我希望“选择”显示选择字段中显示的上一个值。在这种情况下，它目前不显示任何内容。如果我在其他值之间切换，则会显示所选类别。

如何在选择“添加类别”时使选择显示以前选择的类别？

Answer 1

一种可能的解决方案是禁用<md-option (click)=openAddCategoryDialog(proj) disabled>Add Category</md-option> 选项

Add Category

这将确保下拉列表不会更改为didAppear()，但同时仍会触发click事件以添加新类别。这是一个stack blitz演示。

根据我的评论，这个功能很奇怪，就像一个解决方法。我建议将Add Category功能移出select。