测试 html 元素是否应用了类

Question

我想确保如果 html 元素应用了类，就不会发生某些事情。有没有办法写

<div *ngIf="<elementid does not have class x applied>">

编辑：实际情况是我有选项卡，在某些情况下，我有两个设置为同时处于活动状态。我想将其中一个选项卡设置为不处于活动状态，如果任何其他选项卡处于活动状态。

Answer 1

使用类列表 https://developer.mozilla.org/en-US/docs/Web/API/Element/classList 尝试此操作。

<div #elname class="test"></div>
<div *ngIf="elname.classList.contains('test')">
  This will show
</div>