Angular 2 using select option preserve values of object selected
<p>Each plant has a plantid, plantname, role. I'm trying to get the entirety of the object back from the option selection. </p>

<pre class="lang-js prettyprint-override"><code>   onChange(newValue){
      console.log(newValue)
      this.selectedPlant = newValue
    }
</code></pre>

<pre class="lang-html prettyprint-override"><code>&lt;select 
  *ngIf="plants" 
  class="form-control" 
  style="width:auto;" 
  #sel
  [(ngModel)]="selectedPlant"
  (ngModelChange)="onChange($event)"
  &gt;
  &lt;option 
   *ngFor="#plant of plants"
   [value]="plant.plantid"
   &gt;{{plant.plantname}}&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>If I set <code>[value] = "plant", I get "[Object, Object]"</code>. I'm going to write a service to get one value from the other, but I feel like there should be a cleaner way to do this. </p>