title: setting text in mat-select angular
body: <p>I have a <code>mat-select</code> field like this:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;mat-form-field&gt;
      &lt;mat-select (click)="onSelectOpen()" placeholder="Store" (selectionChange)="setStoreTitle($event)" title="Store" formControlName="store" id="store" name="store"&gt;
          &lt;mat-option *ngFor="let store of stores" [value]="store.Title"&gt;
              {{store.Title}}
              &lt;span class="store-address"&gt;{{store.Address}}&lt;/span&gt;
          &lt;/mat-option&gt;
      &lt;/mat-select&gt;
  &lt;/mat-form-field&gt;
  </code></pre>
  
  <p>When I try to access the value I get Store Title and that's fine but in the drop down it also shows the span as written in the code. How to hide that span text in select box? </p>