title: How to enable and disable a mat-button based on a select form
body: <p>This is my mat-button:</p>
  
  
  
  <pre class="lang-xml prettyprint-override"><code>&lt;button class="example-20-width" mat-raised-button disabled&gt;Edit Client&lt;/button&gt;
  </code></pre>
  
  <p>How can I control it and make it disabled or not based on whether a select form is emtry or not? </p>
  
  <p>Here is my field form:</p>
  
  <pre class="lang-xml prettyprint-override"><code>&lt;mat-form-field class="example-full-width"&gt;
    &lt;mat-select  placeholder="Select customer"&gt;
      &lt;mat-option *ngFor="let food of books.data" 
          [value]="food.company"&gt;
        {{food.company}}
      &lt;/mat-option&gt;
      &lt;mat-option&gt;
      &lt;/mat-option&gt;
    &lt;/mat-select&gt;
  &lt;/mat-form-field&gt;
  </code></pre>