title: How to explicitly disable buttons angular
body: <p>Hi I have a set of buttons as below,</p>
  
  <pre><code>let Btns: Array&lt;any&gt; = [{
      type: "submit",
      BtnType: "prev",
      label: "Previous",
      class: "btn-outline",
      icon: "kd-back",
      disabled: false
  },
  {
      type: "submit",
      BtnType: "next",
      label: "Next",
      icon: "kd-play",
      class: "btn-text",
      disabled: false
  }];
  </code></pre>
  
  <p>Also I have two variables:</p>
  
  <pre><code>private nextBtn_disabled: boolean = false;
  private prevBtn_disabled: boolean = true;
  </code></pre>
  
  <p>I am implementing a disable feature to the buttons. The behaviour is something like this:</p>
  
  <ol>
  <li>prev button must be disabled when the page first loads</li>
  <li>next button must be disabled when meet certain condition also must be disabled when the user click prev</li>
  </ol>
  
  <p>The following is my HTML:</p>
  
  <pre><code>&lt;div class="form-group text-center"&gt;
      &lt;button *ngFor="let btn of Btns" [type]="(btn.type=='submit')?'submit':'button'" class="btn btn-icon" [ngClass]="btn.class" (click)="_btnClick(btn, _finalConfig)" [disabled]="nextBtn_disabled"&gt;
          &lt;i *ngIf="btn.BtnType!='next'" [class]="btn.icon"&gt;&lt;/i&gt;
          &lt;span&gt;{{btn.label}}&lt;/span&gt;
          &lt;i *ngIf="btn.BtnType=='next'" [class]="btn.icon"&gt;&lt;/i&gt;
      &lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I achieve it? I tried <code>||</code> condition and <code>&amp;&amp;</code> condition between <code>nextBtn_disabled</code> and  <code>prevBtn_disabled</code>. But didnt work. Any idea guys? Thanks in advance.</p>