如何確定div是否使用html隱藏了溢出？

Question

如何確定div是否使用html hidden overflow ？ 使用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

在這種情況下，存在一種通過使用元素內部的var獲取元素的樣式信息的方法，稱為#vars它具有直接在元素中獲取樣式的能力，這就是為什么我將屬性style="overflow: hidden"

看下面的例子：

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

這是一個演示