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

Question

I want to use ngClass to add a class to an element if another element exists in the DOM.

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

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

Is this possible to do directly in the template, or do I need to something more complex in the component?

Answer 1

您需要在组件中做更多的事情。它并不复杂，只需一行代码。

最简单的方法：

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

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