2016-04-19 8 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礼儀リンクしているページ:

あなたができる最善のは、(はあなたが気に要素を渡す)、このようなものです。

関連する問題