title: How to use 3 different condition at the same time for disable attribute on Angular 7
body: <p>I have an Angular form.</p>
  
  <pre><code>&lt;form class="p-16" name="poMaterialDetailForm [formGroup]="poMaterialDetailForm"&gt;
  </code></pre>
  
  <p>Inside the form I have a save button. </p>
  
  <pre><code>&lt;button mat-raised-button 
          class="save-poMaterialDetail-button ml-32 mr-8"
          [disabled]="poMaterialDetailForm.invalid || poMaterialDetailForm.pristine"
          &lt;span&gt;SAVE&lt;/span&gt;
  &lt;/button&gt;
  </code></pre>
  
  <p>The disabled attribute allows me to disable the button when there are no changes in the form. If form values are changed then save button becomes active. </p>
  
  <p>I just added a user permission feature and save button is also disabled for users who does not have editing access.</p>
  
  <pre><code>&lt;button mat-raised-button
          class="save-clientManagementDetail-button ml-32 mr-8"
          [disabled]="isDisabled('ClientManagement','Edit')"
          *ngIf="pageType ==='edit'" (click)="saveClientManagementDetail()"&gt;
      &lt;span&gt;SAVE&lt;/span&gt;
  &lt;/button&gt;
  </code></pre>
  
  <p>Now I want to use both features for disabled attribute. Here is my condition:</p>
  
  <pre><code>[disabled]="(clientManagementDetailForm.invalid || clientManagementDetailForm.pristine) 
  &amp;&amp; isDisabled('ClientManagement','Edit')"
  </code></pre>
  
  <p>Unfortunately I cannot make this conditions to work. When I use the conditions seperately they work but when I try to use them at the same time, disabled attribute does not change properly accordingly. </p>
  
  <p>Hope the conditions are clear. I would appreciate if anyone can shed some light on this subject. </p>
  
  <p>Cheers,
  Johnny</p>