arrays - 如何使用Angular获取所有扑克牌图像以将它们添加到阵列中？

我有一个角度应用程序，我想创建21点。为此，我将所有扑克牌的图像复制到/assets目录中。
我想循环浏览文件夹中的图像以将图像（或源url）添加到数组中，但就像下面的回答一样，这在前端是不可能的。Loop through all files/images in a folder with Angular
但是，我该如何将它们添加到数组中呢？是否需要编辑后端？

最佳答案

这是一副牌。你不需要在后端查询它们是什么，因为它们永远不会改变。只需使用文件名模式在前端生成数组。

   function cardSet(rank) {
      return Array(13).fill(0).map((x, indx) => `card-${rank}-${indx + 1}.png`);
   }

   const cards = [
      ...cardSet('club'),
      ...cardSet('diamond'),
      ...cardSet('heart'),
      ...cardSet('spade')
   ];

   console.log(cards);