选择后无法接收角度 2 函数中的选项值

Question

<form>
    <div class="form-group">
        <label for="sel1 primary"></label>
        <select class="form-control" id="sel1">
            <option *ngFor="let group of instanceList"(click)="change_group(group.name)" > <a href="#"> {{group.name}}</a> 
            </option>
        </select>
    </div>
</form>

抱歉，缩进不当。 Instancelist 列表是对象的数组，包含 id、name、groupnumber。 我想在我的调用方法中获取所选选项的值，并希望在控制台中显示它。

function change_group(groupname){
     this.change_to=groupname;
     console.log(change_to);
}

问题是，给定的函数甚至没有在下拉列表中选择值时调用。

Answer 1

为什么不单独留下选项标签，只订阅<select>标签中的选择更改事件

<select class="form-control" id="sel1" (change)="onGroupChange($event)">

Answer 2

(click) on <option> 通常不是怎么做的。

改用ngModel

<select class="form-control" id="sel1" ngModel (ngModelChange)="change_group($event)">
  <option *ngFor="let group of instanceList" [ngValue]="group"> <a href="#"> {{group.name}}</a> 
        </option>