選擇時無法在角度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，名稱，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)對<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>