2016-04-19 33 views
1

有没有什么方法可以检测文本在角度控制器中是否溢出?如何在角度控制器中检测文本是否溢出(文本溢出:省略号)

在我的CSS,我有以下代码:

width: calc(100% - 60px); 
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    padding-top: 5px; 

而且我希望能够检测如果文本溢出的角度控制器,所以我可以为它显示工具提示。如果文本不溢出,则不需要显示工具提示,这就是为什么我希望能够检测文本是否在控制器中溢出的原因。

+1

可能会帮助你http://jsfiddle.net/mortimerpa/AKXez/ –

回答

5

角度(或一般的javascript)无法知道元素是否使用了“...”。看到这个非常类似的问题:HTML text-overflow ellipsis detection

你能做的最好的就是这样的事情(在这里你通过你关心的元素):

function isEllipsisActive(e) { 
     return (e.offsetWidth < e.scrollWidth); 
} 

礼貌的js该链接。