您的位置:首页 > Web前端 > AngularJS

angularjs 自定义过滤器控制文本的长度,多余字符用省略号代替

2017-05-26 17:21 661 查看
今天在工作中,碰到了一个问题,在表格当中,文本的长度太长,导致整个表格拉长了很多,当给表格中td设置固定宽度的时候就会换行,显得页面比较丑,所以想到了把超出表格宽度部分的文本隐藏掉。于是就想到了用自定义过滤器的办法,滤掉多余的文本,搜索了一下,有大神的例子做参考,具体的使用方法如下:

html页面:

<td>{{subject.name|textLengthSet:true:20:'...'}}</td>


js:

var app = angular.module('CcxiApp', []);
app.filter('textLengthSet', function() {
return function(value, wordwise, max, tail) {
if (!value) return '';

max = parseInt(max, 10);
if (!max) return value;
if (value.length <= max) return value;

value = value.substr(0, max);
if (wordwise) {
var lastspace = value.lastIndexOf(' ');
if (lastspace != -1) {
value = value.substr(0, lastspace);
}
}

return value + (tail || ' …');//'...'可以换成其它文字
};
});


参考大神的链接:

http://www.cnblogs.com/leepyng/p/6003447.html

http://www.cnblogs.com/Shirley-He/p/5564060.html

http://blog.csdn.net/bboyjoe/article/details/50455906
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: