title: Disable <a> tag in Angular conditionally
body: <p>I'm trying to disable a link in an Angular template. May be asking an impossible question. Is it possible to do something like this?</p>
  <pre class="lang-html prettyprint-override"><code>&lt;a [routerLink]=&quot;['/details', item.id]&quot; [disable]=&quot;disable&quot;&gt;
      &lt;div class=&quot;row&quot;&gt;
          &lt;div class=&quot;col-12&quot;&gt;
          &lt;h4&gt;text text text&lt;/h4&gt;  
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/a&gt;
  </code></pre>
  <p>When the link is disabled I want it to behave <code>&lt;a&gt;</code> tag is just as a regular <code>&lt;div&gt;</code>.</p>