Hur hämtar man alla spelkortsbilder för att lägga till dem i en array med Angular?

Jag har en Angular-applikation och jag vill skapa Blackjack. För detta kopierade jag bilder av alla spelkort till /assets-katalogen.

Jag vill loopa igenom bilderna i mappen för att lägga till bilderna (eller käll-URL:en) i en array, men som det följande svaret säger är detta inte möjligt i frontend. Loopa igenom alla filer/bilder i en mapp med Angular

Men hur ska jag då lägga till dem i en array? Är det nödvändigt att redigera backend?

Svar #1

Det är en kortlek. Du behöver inte fråga vad de är på back-end, eftersom de aldrig kommer att ändras. Generera bara arrayen på front-end med ett filnamnsmönster.

   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);