如果DOM中存在元素B,ngClass向元素A添加class?

ngClass add a class to element A if element B exists in DOM?

如果 DOM 中存在另一个元素,我想使用 ngClass 将 class 添加到一个元素。

<div id="element-a" 
     [ngClass]="{'my-class':(expression-to-check-if-#element-b-exists)}">
     ...
</div>

<div id="element-b">I'm here!</div>

是否可以直接在模板中执行此操作,还是我需要在组件中执行更复杂的操作?

您需要在组件中做更多的事情。并不复杂,一行代码而已。

最简单的方法:

  1. 您可以使用 *ngIf 来有条件地显示一个元素(元素 b)
  2. expression-to-check-if-#element-b-exists 需要绑定某些东西。让它指向与 b 相同的 属性。 瞧。

如果这不符合您最初的需求,我将使用更复杂的选项更新此答案。