ドロップダウンリストで選択した値が機能しない角度

Question

コンポーネントクラスのドロップダウンリストから選択した値を使用します。 ドロップダウンから値を選択すると、この値がngModelを使用して保存されますが機能しません。別のアプローチ、つまりイベント関数をトリガーして、選択した値をパラメータとして渡しましたが、この方法も機能しません。私は、出力コンソール上で選択した値を、それは表示されません

<select [(ngModel)]="selectedControl" class="form-control" (click)="onSelection($event)"> 
      <option *ngFor="let control of controlArray; let i=index" 
      [value]="control">{{controlArray[i].name}}</option>            
</select> 

、ここではコンポーネントのクラスコードは次のとおりです。

onSelection(control){ 
    console.log(typeof(control)) 
    console.log(control.target.value) 
    } 

助けてください。

<select [(ngModel)]="selectedControl" class="form-control" (change)="onSelection()"> 
    <option *ngFor="let control of controlArray; let i=index" 
      [ngValue]="control">{{controlArray[i].name}}</option> 
</select> 

はまた、あなたが現在選択されている値のためselectedControlをチェックする必要があります：

Answer 1

あなたはchangeイベント、ないclickを使用する必要があります。

onSelection(){ 
    console.log(this.selectedControl) 
} 

最後の事 - あなたはこのようにそれを行うか、代わりにngValueを使用したい場合は、あなたがそこにスカラー値を入れる必要があります。