import { Pipe, PipeTransform } from '@angular/core';
@Pipe({
  name: 'truncate'
})
/**
 * Tronque un texte long
 */
export class TruncatePipe implements PipeTransform {

  /**
   *
   * @param value
   * @param limit
   * @param completeWords mots entiers(true) ou permet-on de tronquer le mot ?(false)
   * @param ellipsis
   * @returns
   */

  transform(value: string, limit = 500, completeWords = false, ellipsis = '...'): string {
    if (completeWords) {
      limit = value.substr(0, limit).lastIndexOf(' ');
    }
    return value.length > limit ? value.substr(0, limit) + ellipsis : value;
  }

}

s'utilise comme ça par exemple :

div([innerHtml]="row.commentaireAttente_PersPhysiqueR | truncate")

on peut passer la limite qu'on veut, indiquer si on veut les mots entiers ou les tronquer, et lui passer d'autres caractères que ellipsis ...

ex :

div([innerHtml]="row.commentaireAttente_PersPhysiqueR | truncate : 250 : true : '***' ")

<aside> 💡 A importer dans CoreModule

</aside>