时间戳

首页 > 解决方案 > 材料芯片 将逗号改为空格

angular - 材料芯片 将逗号改为空格

问题描述

我使用材料角芯片输入。

我显示这样的数据：

<div   [ngStyle]="{'font-size':'18px'}" *ngFor="let ppsToDisplay  of ppssToDisplay | async">
    <mat-list *ngIf="ppsToDisplay.effetsind" >Effets indésirables : <mat-chip-list>
            <mat-chip>  {{ ppsToDisplay?.effetsind }}</mat-chip>
        </mat-chip-list>
    </mat-list>
</div>

但我只有一个大筹码，因为筹码之间没有空格，只有逗号，

我怎样才能改变这个？谢谢

标签： angularangular-materialngfor

解决方案

你的意思是这ppsToDisplay.effetsind是一个逗号分隔的字符串？

如果我理解正确，这可能会解决它：

<div   [ngStyle]="{'font-size':'18px'}" *ngFor="let ppsToDisplay  of ppssToDisplay | async">
<mat-list *ngIf="ppsToDisplay.effetsind" >Effets indésirables : 
<mat-chip-list>
<mat-chip *ngFor="let effetsind of ppsToDisplay.effetsind.split(',')">  {{ effetsind }}
</mat-chip>
</mat-chip-list>
</mat-list>
</div>

推荐阅读