title: Get select-selectedIndex and click event under select-option in Angular4
body: <p>I want get selectedIndex and then get the select data model, then I found I could directly get the selected data model <a href="https://stackoverflow.com/questions/38235055/angular2-rc2-select-option-selectedindex">Angular2 RC2 Select Option selectedIndex</a>. However, click event under option doesn't work.</p>
  
  <pre><code>&lt;select class="form-control selectpicker" #Code name="Code" [(ngModel)]="model.Code"&gt;
      &lt;option value="" selected="selected"&gt;--Please select--&lt;/option&gt;
      &lt;option *ngFor="let x of Codes" [value]="x.Code" [selected]="x.Code == model.Code" (click)="searchWithCode(x)"&gt;{{x.Name}}&lt;/option&gt;
  &lt;/select&gt;`
  
  searchWithCode(code:any) : void {
      this.model.Name1 = code.Name1;
      this.model.Name2 = code.Name2;
  }
  </code></pre>