title: How to change angular mat icon button color based on condition?
body: <p>How to change angular button color based on condition ? , this is a mat icon button</p>
  <p>#code</p>
  <pre><code>&lt;div class=&quot;flex&quot;&gt;
    &lt;button mat-icon-button *ngFor=&quot;let action of actions&quot; 
      [disabled]=&quot;isDisabled &amp;&amp; action.name === 'For Approval'&quot; matTooltip=&quot;{{action.name}}&quot;
      (click)=&quot;clickActionBtn(action.name)&quot;&gt;
      &lt;mat-icon style=&quot;font-size: 20px;&quot; class=&quot;{{action.class}}&quot;&gt;
        {{action.icon}}
      &lt;/mat-icon&gt;
    &lt;/button&gt;
  </code></pre>
  <p>I tried , but it does not work</p>
  <p>[class.gray]=&quot;isDisabled
  </p>