如何截断Angular2中的文本？

方法：在 Angular 中截断文本很容易。截断的文本帮助我们删除或截断部分文本。它突然结束文本，减少文本的长度。它根据使用的 truncate函数删除文本。

句法：

• 字符串长度大于给定字符。

  function(str, length, ending) {........}

• 字符串截断到指定的某些单词长度。

  function truncate(str, no_words) {
      return str.split(" ").splice(0, no_words).join(" ");
  }

示例 1：此示例显示了 Angular 中的文本被截断的方式。在这里，文本/字符串的长度比给定的字符长。创建了 truncate函数，它检查字符串长度是否大于给定长度的条件。然后它相应地返回截断的文本。

 
 
 
    Truncate text in Angular2 
  
     
  
     
     
 
      
 
          
     
        GeeksForGeeks 
     
          
     
text_truncate = function(str, length, ending) {
       
    if (ending == null) {
      ending = '...';
    }
       
    if (str.length > length) {
      return str.substring(0, length - ending.length) + ending;
    } else {
      return str;
    }
  };
   
console.log(text_truncate('Truncate text using Geeks for Geeks',11))
console.log(text_truncate('Truncate text using Geeks for Geeks',11,'!!'))
     
 
                    

输出：

示例 2：此示例显示如何将文本截断为某些单词。它删除了未包含在给定限制中的单词。为此：使用 str.split、splice 和 join。

 
 
 
    Angular JS Route Change 
  
     
  
     
     
 
      
 
          
     
        GeeksForGeeks 
     
          
     
function truncate(str, no_words) {
    return str.split(" ").splice(0, no_words).join(" ");
}
  
console.log(truncate('Geeks for Geeks Portal: Truncate Text Using GFG', 6));
     
 
                    

输出：