Угловая проверка переполнения для элемента в контроллере - PullRequest
0 голосов
/ 18 марта 2019

Для сетки есть поле, которое может иметь многоточие, так как содержимое может быть слишком большим.

В этом случае должна отображаться всплывающая подсказка с полным содержимым. В коде компонента я написал метод для вычисления элемента, если он имеет многоточие или нет, но при передаче элемента dom компоненту с this он ссылается на компонент.

Как мне этого добиться? Проблема в том, что это в сетке, и я не могу объявить 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;
    }
}

1 Ответ

0 голосов
/ 19 марта 2019

Мне удалось передать элемент dom в Компонент:

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