angularjs 自定义过滤器控制文本的长度,多余字符用省略号代替
来源:互联网 发布:2016义务兵退伍费算法 编辑:程序博客网 时间:2024/06/05 09:00
今天在工作中,碰到了一个问题,在表格当中,文本的长度太长,导致整个表格拉长了很多,当给表格中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 0
- angularjs 自定义过滤器控制文本的长度,多余字符用省略号代替
- 控制文字长度,多出的文字用省略号代替
- 控制文字长度,多出的文字用省略号代替
- 隐藏多余的字用 “省略号” 代替
- css控制文本最后用省略号代替
- CSS控制标题字符长度多余部分用…省略号表示
- 用正则截取自定义的字数,多余的用省略号代替
- 强制文本在一行内显示,多余字符使用省略号...代替
- css 样式控制文字长度,超出的以省略号代替
- css3--断行问题+多余的字用省略号代替
- CSS控制字符串长度,多余字符串用...代替
- 如果li的长度等于ul就让多余的字符用点代替
- Qt Label上的文本在字符串长度大于标签的长度时,尾部用省略号代替
- CSS控制文本超出指定宽度后用省略号代替
- CSS控制LI行字符溢出用省略号代替
- css div多余文字用省略号代替
- 文本溢出,用省略号代替
- flexbox布局text文本单行显示多余省略号代替
- stylus之混合书写(Mixins)
- java.lang.OutOfMemoryError: unable to create new native thread
- 不能声明为虚函数的函数
- $.extend中探索深拷贝和浅拷贝
- (113)数学表达式节点
- angularjs 自定义过滤器控制文本的长度,多余字符用省略号代替
- linux达梦数据库安装步骤
- 与CSDN的第一次相遇
- 模拟照相机取镜
- VC编译调试比特币源码
- screen
- 模板匹配
- ubuntu无法正常登陆----登陆之后只显示桌面背景和鼠标
- 在net和mono中都可用的sqlite数据库连接类