angular 自定义过滤器截取字符串，并显示‘...’

2016-07-19

在实际的项目开发中有时候会出现在固定区域了，显示相当的文字，这个时候在不考虑css的情况下，怎么使用angularjs自身就带有的截取功能呢？
这个时候有同学会说可以用limitTo啊

1	{{ limitTo_expression \| limitTo : limit : begin}}

是的也是一个方法，但是同学好像忘记审题了，这他们的后面是说要显示省略号

在经过多方搜索，发现了一个可以自定义过滤器

myApp.filter('cutfilter', 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('');
                // alert(lastspace)
                if (lastspace != -1) {
                    value = value.substr(0, lastspace); 
                     // $(".hovers").hide();                  
                }
            }
            return value + (tail || ' ');
        };
    });

使用方式

1	{{截取字符串5565613354 \|\| cutfilter:true:5:'...'}}

输出结果为:
截取字符串…