angularjs 过滤器 控制字符串长度 超过指定长度后面内容以省略号显示

这个功能是常见的一个功能,大家可以引申为Filter的学习

下面是Filter的代码

angular.module('ng').filter('cut', 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 || ' …');
  };
});

接下来是在元素中调用的方法

使用方式:

{{some_text | cut:true:100:' ...'}}

参数:

切字方式 (Boolean) - 如果是 true,只切单字。
长度(Integer) - 要保留的最大字数。
后缀 (字串,默认:'…') - 接在字词的后面

 

分享到:更多 ()

抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址