Angular 2 ngModelChange select option, grab a specific property : <p>I have a dropdown select form in angular 2. </p>

<p>Currently: When I select an option the <code>option name</code> gets passed into my <code>onChange</code> function as <code>$event</code> </p>

<p>Wanted: When I select an option I would like to pass <code>workout.id</code> into my <code>onChange</code> function. </p>

<p>How can I achieve that?</p>

<pre><code>&lt;select class="form-control" [ngModel]="selectedWorkout" (ngModelChange)="onChange($event)"&gt;
    &lt;option *ngFor="#workout of workouts"&gt;{{workout.name}}&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p><code>Controller</code></p>

<pre><code>onChange(value){
  alert(JSON.stringify(value));
}
</code></pre>
