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是：

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>

这是我在网页上看到的输出：

[object HTMLSpanElement]

Answer 1

从#z删除span。目前在您的模板中，z被视为span元素，并且已将其传递给truncate Pipe。

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

使用Angular 4和PrimeNg中的管道截断文本

1 个答案: