javascript - 达到最大长度后 AngularJS 换行符

标签 javascript angularjs

我正在使用 ng-repeat 来填充表格。有些元素的长度很长,如果达到特定长度,我正在寻找一种将内容剪切成多行的方法。

在研究过程中,我发现了 Angulars limitTo,但它看起来并不像我要找的那样。

例如您好,我是一个很长的描述,哦,一个包 (org.foo.awesome.stuff) 应该转换成 您好,我是一个很长的描述,哦,'< br/> 一个包 (org.foo.awesome.stuff)

非常感谢。

最佳答案

编写自定义过滤器:

angular.module('filters', []).filter('lineBreaker', function() {
  return function(input, breakLength) {
    var newString = "";
    for (var i = 0; i < input.length; i++) {
      newString = newString+input[i];
      if (i%breakLength == 0) {
        newString = newString+"\n";
      }
    }
    return newString;
  };
});

像这样调用:

{{ expression | lineBreaker: 10 }}

我确信有更高效的方法来执行此操作,但它可以完成工作。

关于javascript - 达到最大长度后 AngularJS 换行符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30986096/

相关文章:

javascript - 间隔结束后如何调用函数?

javascript - 通过 jQuery 用它的索引替换 html 元素

javascript - 如何在不关闭浏览器的情况下在 Cypress 中运行多个测试?

javascript - 输入为空时 md 自动完成显示不结果

javascript - rxjs 可观察管道内的建模和 if/else 模式

css - 为图库创建缩略图

javascript - Angularjs 仅在所选行上显示输入

javascript - 实数的 ng-pattern 正则表达式

javascript - 如何在angularjs函数中调用jQuery函数

javascript - 将单页 Angular 应用程序模板集成到 Sails.js 中