控制器中元素的角度检查溢出

Question

对于网格，由于内容可能很大，因此可能存在一个省略号字段。

在这种情况下，工具提示应显示完整内容。 在组件代码中，我编写了一种用于计算元素是否有省略号的方法，但是当使用this将dom元素传递到组件时，它是指组件。

我该如何实现？问题是这是在网格中，我无法为每一行添加elementRef。到目前为止，我的代码：

<div [matTooltip]="item.displayname" [matTooltipDisabled]="hasNoOverflow(this)">
            {{item.displayname}}</div>

hasNoOverflow(element) {
    if (element.offsetHeight < element.scrollHeight ||
        element.offsetWidth < element.scrollWidth) {
        return false;
    } else {
        return true;
    }
}

Answer 1

我能够将dom元素传递给Component：

<div #el [matTooltip]="item.displayname" [matTooltipDisabled]="hasNoOverflow(el)">
        {{item.displayname}}</div>