title: Enable or disable html <a> options from typescript method
body: <p>This my html code:</p>
  
  <pre><code>&lt;a href="#" id="continueId" class="btn btn-success m-btn m-btn--custom m-btn--icon" data-wizard-action="next"&gt;
        &lt;span&gt;
          &lt;span (click)="onContinue()"&gt;
            continue
          &lt;/span&gt;
          &lt;i class="la la-arrow-right"&gt; &lt;/i&gt;
        &lt;/span&gt;
      &lt;/a&gt;
  </code></pre>
  
  <p>This onContinue() method:</p>
  
  <pre><code>onContinue(){
    if (!this.testForm.valid) {
      //here where I want to enable or disable data-wizard-action="next"
    }
  }
  </code></pre>
  
  <p>What I want is to enable or disable data-wizard-action="next" from my Angular typescript code in "onContinue()" method. If my form is not valid, so I'll disable the click of next button else, I'll enable the click. The problem here, that the continue click is attached to the data-wizard-action="next" attribute.</p>