我希望显示网格中的字符串
测试行1 测试线2 测试线3
代替测试线1测试线2测试线3
我试图做的是创建一个管道来捕获单词之间的空格,并将它们分成新行。目前,UI正在渲染此测试行1
测试行2
测试行3。
<kendo-grid-column field="text" title="Text">
<ng-template kendoGridCellTemplate let-dataItem>
<span> {{ dataItem.text | replaceLineBreaks }} </span>
</ng-template>
</kendo-grid-column>
自定义管道
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({name: 'replaceLineBreaks'})
export class ReplaceLineBreaks implements PipeTransform {
transform(str: string): any {
return str.replace(/\n/g, '<br/>');
}
}