كيفية محاكاة حلقة for في قوالب Svelte

تقدم لنا قوالب Svelte كل كتلة رائعة تتيح لنا التكرار على مصفوفة أو أي شيء قابل للتكرار:

<script>
let goodDogs = ['Roger', 'Syd']
</script>

{#each goodDogs as goodDog} <li>{goodDog}</li> {/each}

ولكن ماذا لو كنت تريد تكرار كتلة عدة مرات ، بناءً على متغير؟ دعنا نقول أن لديناrowsمتغير يحمل رقمًا ، ونريد استخدامه كمتغير حلقة.

يمكننا أن نفعل ما نحتاجه بإنشاء مصفوفة باستخدامArray(n)بناء الجملة. سيؤدي هذا إلى إنشاء مصفوفة ، تتم تهيئتها باستخدامnالعناصر:

{#each Array(rows) as _, row}
  {row}
{/each}

تحميل مجانيكتيب Svelte


المزيد من البرامج التعليمية svelte: