html - 有条件地禁用Angular中的标签

Question

标签： htmlangularangular9

Answer 1

试试下面的代码。href根据条件更改值并应用一些样式

工作堆栈闪电战

模板

<a [routerLink]="disable ? null : ['/details', 1]" [ngClass]="{'anchor-disable' : disable}">
  <div class="row">
    <div class="col-12">
      <h4>text text text</h4>
    </div>
  </div>
</a>

CSS

a.anchor-disable {
  color: black;
  cursor: text;
  pointer-events: none;
  text-decoration: none;
}