title: unable to setAttribute disabled using renderer2 on angular material select
body: <p>I am not able to disable the select dropdown of angular material using the renderer2. Below is my code</p>
  
  <p>Component.html</p>
  
  <pre><code>            &lt;mat-select #exLoc (selectionChange)="someFun($event)" [(value)]="someVal"&gt;
                &lt;mat-option aria-selected="true" [value]="locVal" *ngFor="let location of locations"&gt;{{location.LocationName}}
                &lt;/mat-option&gt;
              &lt;/mat-select&gt;
  </code></pre>
  
  <p>Component.ts</p>
  
  <pre><code>constructor(public renderer: Renderer2) {} 
  @ViewChild('exLoc') exLoc: ElementRef;
  functionToDisableDropDown() {
   this.renderer.setAttribute(this.exLoc, 'disabled', 'true');
  }
  </code></pre>