title: angular2 remove or disable select option from secondary select element
body: <p>I'm working on an angular 2 prototype component.  I have two select controls that have the same options.  In the second select element (destination) I would like to disable or remove the option that was selected in the first select element (origin).  (Incidentally, any idea why the first selected option is displaying?)</p>
  
  <p>Here is the <a href="https://plnkr.co/edit/yjzq8lsEFgZCkP0HLnUo?p=preview" rel="nofollow">plunkr</a></p>
  
  <pre><code> //our root app component
   import {Component} from '@angular/core';
   import {CORE_DIRECTIVES, FORM_DIRECTIVES, NgClass} from '@angular/common';
  
   @Component({
     selector: 'my-app',
     providers: [],
     template: `
      &lt;div&gt;
       &lt;h2&gt;{{name}}&lt;/h2&gt;
         &lt;select id="trip_origin" [(ngModel)]="origin" 
         class="start" (change)="onChange($event)"&gt;
         &lt;option disabled selected &gt;Select a shipping origination&lt;/option&gt;
         &lt;option *ngFor="let item of items" [ngValue]="item"&gt; {{item.name}} - {{item.loc}}&lt;/option&gt;
        &lt;/select&gt;
        &lt;div&gt;selected: {{origin | json}}&lt;/div&gt;
        &lt;hr&gt;
        &lt;select id="trip_destination" name="destination" [(ngModel)]="destination"&gt;
         &lt;option *ngFor="let item of items" [ngValue]="item"&gt;{{item.name}} - {{item.loc}}&lt;/option&gt;
        &lt;/select&gt;
        &lt;div&gt;selected: {{destination | json}}&lt;/div&gt;
     &lt;/div&gt;
  
      &lt;h2&gt;Destination -- {{destination.loc}}&lt;/h2&gt;
      &lt;h2&gt;Origin -- {{origin.loc}}&lt;/h2&gt;
  
    `,
   directives: []
  })
  
  export class App {
  
   public items:object[] = [
    {"loc":"HOU","name":"Houston"},
    {"loc":"DAL","name":"Dallas"},
    {"loc":"SAT","name":"San Antonion"}
   ];
  
   constructor() {
    this.origin={};
    this.name = 'Test Select Control'
    this.destination = this.items[1] 
   }
   onChange($event){
       console.log($event)
   }
  }
  </code></pre>