在angularjs中輸入一定數量的字符後省略（...）

我正在閱讀Facebook的教育數據並直接顯示在我的頁面上。我發現一些字符串太長，所以我想把...放在一定數量的角色之後。在angularjs中輸入一定數量的字符後省略（...）

前

jeevan sadhana english medium high school 08

到

jeevan sadha..

來源

2014-07-21 Hitesh Modha

HTTP：像

然後過濾您的內容// html5hub.com/ellipse-my-text/ – Sprottenwels

有兩種可能的解決方案。

使用純CSS，使用text-overflow: ellipsis;以及overflow: hidden;。顯然，你的元素必須是固定的寬度。
您可以使用Angular模塊，如angular-truncate。

來源

2014-07-21 13:02:00 zopieux

-2

maxLength = 10; 
str = str.length > maxLength ? str.substr(0, maxLength) + '...' : str;

來源

2014-07-21 13:05:36

我不認識男人。當然，這是有效的。但首先，你需要編寫一些不必要的JavaScript，其次，你完全失去了原始字符串。 – Sprottenwels

噢，是的，這在這方面肯定是破壞性的。就不必要的JS而言，我懇求在這一點上有所不同（儘管你可能會把它作爲'$ scope'變量），因爲它可以在控制器的整個範圍內重用，並且如果有人想把它變成動態的將一段代碼放入一個過濾器並將該長度傳遞到所述過濾器中。這樣，你不會失去原來的字符串。但是，如果有人想這樣做，角度截斷可能是Zopieux所建議的最佳選擇。 –

用角碼創建過濾器。

工作http://jsfiddle.net/tUyyx/

使用過濾器的代碼給在撥弄。