根据对象属性使用ngFor多次重复HTML元素

Question

使用Angular，我基于每个对象的starStructure创建一个对象vote_average。这是我的对象数组的样子：

[
  {"title":"Solo: A Star Wars Story",
   "vote_average":7.1,
   "starStructure":{"full":3,
                    "halfStar":true
                   }
   },
  {"title":"Jurassic World: Fallen Kingdom",
   "vote_average":6.5,
   "starStructure":{"full":3}
  }
]

如何使用*ngFor在<i class="material-icons">star</i>中列出的时间内重复starStructure.full？

我创建了一个StackBlitz for this issue。

Answer 1

返回大小数组

arr(size: number) {
  return Array.from(Array(size), (_, i) => i);
}

并对其进行ngFor

<i class="material-icons" *ngFor="let i of arr(movie.starStructure.full)">
  star
</i>

https://stackblitz.com/edit/angular-h4wwbh