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

今天在工作中,碰到了一个问题,在表格当中,文本的长度太长,导致整个表格拉长了很多,当给表格中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

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值