Javascript 如何使用Angular禁用CSS锚定？

我正在创建3个按钮，应该可以按顺序单击。因此，单击第一个按钮后，第二个按钮应处于活动状态。检查我的逻辑工作的元素，但是CSS没有改变。我是个新手，我做错了什么

CSS:

HTML:

应该是：

<div style="text-align:center">
  <div>
    <h6>TAG</h6>
    <a class="btn btn-info" (click)="setPackageClickable($event)">TAG FELISMERESE</a>
  </div>
  <div>
    <h6>CSOMAG</h6>
    <a class="btn btn-info" [ngClass]="{'disabled': packageClickable}" (click)="setpaletteClickable($event)">CSOMAG FELISMERESE</a>
  </div>
  <div>
    <h6>paletteA</h6>
    <a class="btn btn-info" [ngClass]="{'disabled': paletteClickable}">PALETTA FELISMERESE</a>
  </div>
</div>

应该是：

<div style="text-align:center">
  <div>
    <h6>TAG</h6>
    <a class="btn btn-info" (click)="setPackageClickable($event)">TAG FELISMERESE</a>
  </div>
  <div>
    <h6>CSOMAG</h6>
    <a class="btn btn-info" [ngClass]="{'disabled': packageClickable}" (click)="setpaletteClickable($event)">CSOMAG FELISMERESE</a>
  </div>
  <div>
    <h6>paletteA</h6>
    <a class="btn btn-info" [ngClass]="{'disabled': paletteClickable}">PALETTA FELISMERESE</a>
  </div>
</div>

---

不要在html中使用此。：

使用

或

---

不要在html中使用此。：

使用

或

---

您需要在这里使用[ngClass]而不是ngClass，您不需要这个

[ngClass]="{ 'disabled': packageClickable }" and 


[ngClass]="{ 'disabled': paletteClickable }"

---

您需要在这里使用[ngClass]而不是ngClass，您不需要这个

[ngClass]="{ 'disabled': packageClickable }" and 


[ngClass]="{ 'disabled': paletteClickable }"

[class.disabled]="packageClickable"

 [ngClass]="{'disabled': packageClickable}"

[class.disabled]="packageClickable"

[ngClass]="{ 'disabled': packageClickable }" and 


[ngClass]="{ 'disabled': paletteClickable }"