ngClass добавить класс к элементу A, если элемент B существует в DOM?
Я хочу использовать ngClass, чтобы добавить класс к элементу, если в DOM существует другой элемент.
<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)
- expression-to-check-if- # element-b-существующие необходимо связывать с чем-либо. Имейте это указывая на то же свойство, что и б. Вуаля.
Я обновлю этот ответ более сложными вариантами, если это не соответствует вашим первоначальным потребностям.