選択時にアンギュラ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 listは、contains、id、name、groupnumberのオブジェクトの配列です。 私は呼び出したメソッドで選択されたオプションの値を取得し、コンソールに表示したいと思っています。

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

問題は、指定された関数がドロップダウンで値を選択しても呼び出されないということです。

Answer 1

なぜ単独のオプションタグを残して、ちょうど

<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>