如何从angular 2中的下拉菜单触发函数

我有一个包含以下代码的下拉列表

<select class="form-control">
     <option value="">Select Draft</option>
     <option (change)="getDetails(event.name)" *ngFor="let event of eventasdraft">{{ event.name }}
     </option>
</select>

选秀
{{event.name}

当我执行上述代码时，它不会触发功能。请任何人帮助我。谢谢。

该

不会发出

更改事件，只有
选择



或


选秀
{{event.name}

{{selected}}

{{item}

选择选项（项目：字符串）{
此项为选定项；
选择OptionEventMitter.emit（项目）；
}
公共切换下拉菜单（$event:MouseEvent，item:String）：无效{
$event.preventDefault（）；
$event.stopPropagation（）；
选择选项（项目）；
}
对不起，没有看到，您的回复也和我一样。@不客气。很高兴听到你能成功：）
<div class="btn-group custom-drop-down" dropdown>
  <button id="single-button" type="button" class="btn" dropdownToggle>
    <span style="float: left;">{{selected}}</span>
    <span class="caret" [ngClass]="{'marginCaret': selected !== null}"></span>
  </button>
  <ul dropdownMenu role="menu" aria-labelledby="single-button" style="width: 100%;">
    <li *ngFor="let item of list" role="menuitem"><a class="dropdown-item" target="_self" (click)="toggleDropdown($event,item)">{{item}}</a></li>
  </ul>
</div>



selectOption(item : String){
    this.selected = item;
    this.selectOptionEventEmitter.emit(item);
  }

  public toggleDropdown($event: MouseEvent, item : String): void {
    $event.preventDefault();
    $event.stopPropagation();
    this.selectOption(item);
  }