title: Change return value in Angular NgIf
body: <p>I have a button in my angular 9 project as follows</p>
  <pre><code> &lt;button *ngIf=&quot;showRaiseButton()&quot; [ngClass]=&quot;unlockRaiseButton()&quot; (click)=&quot;showRaiseOptions()&quot;&gt;RAISE
        &lt;h3 class=&quot;text-on-btn-ch&quot;&gt; R&lt;/h3&gt;
      &lt;/button&gt;
  </code></pre>
  <p>This button is displayed according to the return value of the function inside ngif which is</p>
  <pre><code>  showRaiseButton(){
      return this.actionState === 'actBettedPot' || this.actionState === 'actNotBettedPot'
        || this.actionState === 'folded' || this.actionState === 'called'
        || this.actionState === 'checked' || this.actionState === 'bet'
        || this.actionState === 'raised';
    }
  </code></pre>
  <p>I need to hide this button when I click on the button.The click is as follows</p>
  <pre><code>  showRaiseOptions(){
      if (this.unlockRaiseBtn){
        this.showRaiseOption = true;
        this.showBetOption = false;
        this.displayRaiseBtn = false;
      }
    }
  </code></pre>
  <p>How can I do this task.Please help</p>