问Angular 2中截断文本的工具提示
EN

Stack Overflow用户

提问于 2018-06-26 13:19:40

回答 1查看 1.5K关注 0票数 1

我在Angular 2上工作，我创建了一个工具提示，它只能为截断文本打开，但现在它同时为截断文本和普通文本打开。所以我想把逻辑放在它只会在截断的文本上打开。！[输入图像描述

发布于 2018-06-26 15:47:16

你可以用@ViewChild('yourDiv') yourDiv: ElementRef在你的包装div上有一个引用，它可能有以下CSS：

width: ...px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

然后将clientWidth和scrollWidth与以下表达式进行比较：this.yourDiv.nativeElement.scrollWidth > this.yourDiv.nativeElement.clientWidth

使用此表达式可有条件地显示工具提示

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/51035351

复制

相似问题

问Angular 2中截断文本的工具提示EN