html - 选择后无法接收 Angular 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列表是object contain, 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)">