Angular 6 DataTable如何从字符串中保留空格

时间:2018-10-09 09:05:18

标签: angular angular-material

我有一个简单的情况,我想在材料数据表的行内显示类似“ stri ng”的字符串,但实际上它会对其进行裁剪,因此我不知道如何保留该空格。

stackbltiz演示:

https://stackblitz.com/edit/angular-material-table-data-source-v9oksb?file=app/app.component.ts

dataSource的第一项已修改名称:“ Hy dro gen”,但在表中显示为“ Hy dro gen”

谢谢

2 个答案:

答案 0 :(得分:2)

Using string.replace(), you can apply ' ' with  
srt = srt.replace(/ /g, ' ');

https://stackblitz.com/edit/angular-material-table-data-source-xnv6ey?file=app%2Fapp.component.html

答案 1 :(得分:1)

只需将其包装在 pre -标签中即可显示空格。

通过堆栈闪电进行更改:

<mat-cell *matCellDef="let element"><pre>{{element.name}}</pre> </mat-cell>