Как я могу определить, если div имеет скрытый переполнение, используя HTML?

Question

Как я могу определить, если div имеет overflowhidden используя HTML? с помощью Ngif Я не хочу использовать его в коде сценария типа. Мне нужно установить другой атрибут, если div имеет overflow hidden,

<div id="greetings" [innerHTML]="page.title">
</div>

#greetings{
   width: 100 px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

Как я могу это сделать?

Answer 1

Существует способ получить информацию о стиле элемента, используя переменную внутри элемента в этом случае называется #vars у него есть возможность получить стиль непосредственно в элементе, поэтому я поставил атрибут style="overflow: hidden"

Посмотрите на следующий пример:

<div id="greetings" style="overflow: hidden" #vars>
  <div *ngIf="(vars.style.overflow === 'hidden')">
      Hello universe!
  </div>
</div>

Это демо