如果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>
是否可以直接在模板中执行此操作,还是我需要在组件中执行更复杂的操作?
您需要在组件中做更多的事情。并不复杂,一行代码而已。
最简单的方法:
- 您可以使用 *ngIf 来有条件地显示一个元素(元素 b)
- expression-to-check-if-#element-b-exists 需要绑定某些东西。让它指向与 b 相同的 属性。
瞧。
如果这不符合您最初的需求,我将使用更复杂的选项更新此答案。
如果 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>
是否可以直接在模板中执行此操作,还是我需要在组件中执行更复杂的操作?
您需要在组件中做更多的事情。并不复杂,一行代码而已。
最简单的方法:
- 您可以使用 *ngIf 来有条件地显示一个元素(元素 b)
- expression-to-check-if-#element-b-exists 需要绑定某些东西。让它指向与 b 相同的 属性。 瞧。
如果这不符合您最初的需求,我将使用更复杂的选项更新此答案。