角4とPrimeNgのパイプでテキストを切り捨てる

Question

私は150文字の制限でデータテーブルの出力を表示しようとしています。

transform(value: string, args: string[]): string { 
    const limit = args.length > 0 ? parseInt(args[0], 10) : 20; 
    const trail = args.length > 1 ? args[1] : '...'; 
    return value.length > limit ? value.substring(0, limit) + trail : value; 
    } 

私のHTMLは次のとおりです： 私は、次のように定義されたパイプを持っている

[object HTMLSpanElement] 

Answer 1

あなたspanから#zを削除します。

p-column field="description" header="Description"> 
      <ng-template let-col let-row="rowData" let-ri="rowIndex" pTemplate="body" > 
       <span #z>{{ z | truncate:[20] }}</span> 
      </ng-template> 
     </p-column> 

これは私が私のWebページ上に表示出力されています。現在、テンプレートzはスパン要素とみなされ、同じものがtruncateパイプに渡されました。

<span>{{ z | truncate:[20] }}</span>