角剑道网格柱不会在内部折断线

Question

我希望显示网格中的字符串

测试行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/>');
  }
}