如何在其他循环中运行 *ngFor 循环

Question

我从一个 API 获得了很多数据，在这些数据中，我有这些图像： 照片：“uploads/60bcb8f0244b2.png,uploads/60bcb8f025427.png”

我使用 *ngFor 来呈现所有存在的数据，“照片”就是其中之一。我的问题是，如何将链接与“照片”字段分开？请注意，它当前有一个逗号分隔符。我不能在 *ngFor 中使用 split(',')。解决办法是什么？

Answer 1

你可以试试 split(",") 如下

<ul>
  <li *ngFor="let item of data">
    {{item.text}}
    <div *ngFor="let p of item.photos.split(',')">
      {{p}}
    </div>
  </li>
</ul>

这是给你的例子：https://stackblitz.com/edit/angular-ivy-i92axf?file=src/app/app.component.html