在每个值后添加逗号,但不要在 Angular 6 中最后添加

这篇文章介绍了一个在Angular 6中在值后添加逗号，但不在最后一个值后添加逗号的方法。

解决方案

在Angular 6中实现这个功能的简单方法是通过使用ngFor指令并在每个值后添加逗号。然而，我们需要确保最后一个值没有附加逗号。这可以通过使用ngFor的last变量来实现。

<ul>
  <li *ngFor="let item of items; let last = last">{{item}}{{last ? '' : ','}}</li>
</ul>

在上面的代码中，我们创建了一个ul元素，并使用ngFor指令为其添加li元素。在NgFor上下文中，我们定义了一个last变量来检查遍历的最后一个元素。如果是最后一个元素，我们就不添加逗号。

结论

在这篇文章中，我们学习了如何在Angular 6中在所有值后添加逗号，但不在最后一个值后添加逗号。我们通过使用ngFor指令和last变量来实现了这个功能。如果你在Angular项目中遇到了这个问题，这个方法可以帮助你解决它。