title: How to get the value and the text in an Angular Material mat-select
body: <p>I need to get data of a mat-select specifically the text and its value. This is how I implemented the mat-select so far..</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;mat-select
    placeholder="Transaction Type"
    (selectionChange)="selected($event)"
    formControlName="TransactionTypeID"
  &gt;
    &lt;mat-option *ngFor="let t of transactionTypes" [value]="t.TransactionTypeID"&gt;
      {{ t.TransactionType }}
    &lt;/mat-option&gt;
  &lt;/mat-select&gt;
  </code></pre>
  
  <p>This is how I get the value in the .ts file: <code>this.formDetail.get('TransactionTypeID').value,</code></p>
  
  <p>This is my attempt to get the text or 't.TransactionType':</p>
  
  <pre class="lang-js prettyprint-override"><code>selected(event: MatSelectChange) {
    console.log(event);
  }
  </code></pre>
  
  <p>Can you please show me how to do this? Thank you.</p>