在下拉角度2中显示占位符

时间:2019-01-20 19:40:16

标签: dropdown angular2-template

我尝试显示下拉列表的占位符(如果未附加任何值)。我的代码:

 <md-menu class="mc-dropdown__menu"
  #menu="mdMenu"
  flex="40"
  yPosition="below"
  [overlapTrigger]="false">
  <div *ngIf="options">
    <button md-menu-item
      id="ui-option-{{option}}"
      type="button"
      *ngFor="let option of options"
      (click)="handleOnDropdownSelect(option)">
    <span class="mc-dropdown__label">
      {{option}}
    </span>
    </button>
  </div>
</md-menu>

我不确定如何添加默认占位符。如果有人有想法,请分享。

1 个答案:

答案 0 :(得分:0)

<select *ngFor="let option of options (change)="(click)="handleOnDropdownSelect(option)">
    <option selected="selected" style="display:none">Select your option</option>
    <option value="">{{option.yourvalue}}</option>
</select>