Angular 4 On select change get attribute data value

Answer 1

For the people, who are using MatSelect (Angular material >1) & Reactive form, below one worked for me

HTML

    
      {{ fieldOpt.name }}
    

Component.js

dropDownChnge(event) {
    let target = event.source.selected._element.nativeElement;
    let selectedData = {
      fieldId: target.getAttribute('data-fieldId'),
      valueId: event.value,
      value: target.innerText.trim()
    };
    console.log(selectedData);
}

If there is best solution or anything wrong in this solution, please let me know, just curious to know :-)