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 ответ

Решение

Вам нужно сделать что-то еще в компоненте. Это не сложно, всего одна строка кода.

Самый простой способ:

  1. Вы можете использовать *ngIf для условного отображения элемента (элемент b)
  2. expression-to-check-if- # element-b-существующие необходимо связывать с чем-либо. Имейте это указывая на то же свойство, что и б. Вуаля.

Я обновлю этот ответ более сложными вариантами, если это не соответствует вашим первоначальным потребностям.

Другие вопросы по тегам