在angularjs中将特定数量的字符放在省略号（...）之后

Question

我正在从facebook上阅读教育数据并直接将其显示在我的页面上。我发现一些字符串太长，所以我想把...放在angularjs中的一定数量的字符之后。

离

jeevan sadhana english medium high school 08

到

jeevan sadha..

Answer 1

有两种可能的解决方案。

• 使用纯CSS，使用text-overflow: ellipsis;和overflow: hidden;。显然，你的元素必须是固定的宽度。
• 您可以使用Angular模块，例如angular-truncate。

Answer 2

以角度代码创建过滤器。

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

使用过滤器代码提供。

然后过滤您的内容，如：

{{ name | truncate : 25}}

Answer 3

如果你想在n行之后添加省略号，那么我们可以使用Jquery.dotdot插件来完成 请检查此链接Adding ellipses after n-bumber of lines in AngularJs

Answer 4

我使用了这三种CSS样式，并且对我有用：

text-overflow: ellipsis; overflow: hidden; white-space: nowrap;

还要确保宽度固定（以px或％age为单位）。

Answer 5

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