将字符串修剪到一定的字数

我的模板中有一个描述

<p>{{data.description}}</p>

我想将此描述修剪为特定字数，例如前 20 个字。我见过很多过滤器，但它们都会修剪某些字符。在大多数情况下，这会导致最后一个单词中断。

您需要使用空格将描述字符串拆分为单词，然后对其进行计数：

app.filter('words', function () {
  return function (input, words) {
    if (isNaN(words)) {
      return input;
    }
    if (words <= 0) {
      return '';
    }
    if (input) {
      var inputWords = input.split(/\s+/);
      if (inputWords.length > words) {
        input = inputWords.slice(0, words).join(' ') + '\u2026';
      }
    }
    return input;
  };
});

首先，我检查参数是否为数字，然后检查描述是否比我们要修剪的内容长，然后修剪其余部分。 并在视图中：

{{data.description | words:250}}