以逗号分隔的数据根据​​条件显示在 angular 中

Question

我正在开发 angular 应用程序。我的 html 代码中有一个 ngFor，如下所示。

<span *ngFor="let data of myData">
                <img  src="assets/myImage.png">
                <span>
                    {{data.title}}</span>,
            </span>

问题是 myData 数组在 运行 时可以有一个单一值或多个值。我想要一个显示，如果存在一个值，则只显示一个值，但如果存在多个值，则应以逗号分隔。在我上面的代码中，我只是在 span 之后加上了“,”。它适用于多个值，但在单值的情况下逗号仍然存在。我该怎么做？

Answer 1

您可以利用 *ngFor 指令的 last 局部变量 https://angular.io/api/common/NgForOf#local-variables

<span *ngFor="let data of myData; last as isLast">
                <img  src="assets/myImage.png">
                <span>{{data.title}}</span>
                <ng-container *ngIf="!isLast">,</ng-container>
            </span>