title: Select not changing
body: <p>I have a selection hooked up to my model that has a key and value. I have a ngModelChange hooked up to a function to check what the selection value is. The selection shows the key to the user and the model change shows the value to the controller. However, when i try to get the Key from selection model is just shows the value that i instantiated it to.  How do i get the key from my selection? <br></p>
  
  <p>Page</p>
  
  <pre><code>&lt;select name="sel1" class="form-control" [ngModel]="selectedItem" (ngModelChange)="onChange($event)" &gt;
      &lt;option [value]="item.value" *ngFor="let item of items"&gt;{{item.key}}&lt;/option&gt;
  &lt;select&gt;
  </code></pre>
  
  <p>Component</p>
  
  <pre><code>private items:Array&lt;any&gt; = [
      { key:"Price", value:"itemPrice" },
      { key:"Year Made", value:"itemYear" },
      { key:"Model", value:"itemModel" },
      { key:"Customer Rating", value:"itemRating" },
      { key:"Newest Arrivals", value:"itemNewAriv" },
  ]; 
  private selectedItem = this.items[0]; 
  onChange(value) {
      console.log("Test"); 
      console.log(value); 
      console.log(this.selectedItem.key);  // Does not change 
  }
  </code></pre>