title: Angular 4 On select change get attribute data value
body: <p>My code in component.html</p>
  
  <pre><code>&lt;select class="form-control input-sm" [(ngModel)]="o.id" formControlName="optionals" (change)="menuChange($event)"&gt;
    &lt;option *ngFor="let menu_optional of menu_optionals" value="{{ menu_optional.id }}" [attr.data-somedata]="menu_optional.id"&gt;{{ menu_optional.name }}&lt;/option&gt;
  &lt;/select&gt;`
  </code></pre>
  
  <p>And thi my component.ts</p>
  
  <pre><code>menuChange(event) {
      console.log(event.data);
  }
  </code></pre>
  
  <p>And return is <code>undefined</code></p>
  
  <p>I want get value in data-somedata..</p>