0Pricing
Sveltejs Academy · Ders

{#if} {#else if} {#else}

JavaScript ifadelerine göre işaretlemeyi koşullu olarak oluşturun.

{#if} {#else if} {#else}, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Sveltejs Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Sveltejs Academy kursu toplamda 4 dersten oluşur.

Koşullu Bloklar

Svelte koşulları Handlebars'a benzer: {#if}, {:else if}, {:else} ve {/if} ile kapatılır.

Temel Örnek

Bir boole ifadesine göre dallardan birini görüntüleyin.

{#if loggedIn}
  <p>Welcome back!</p>
{:else}
  <p>Please sign in.</p>
{/if}

Birden Çok Dal

Birden çok koşul için {:else if} ile zincir oluşturun.

{#if score > 90}
  <p>A</p>
{:else if score > 75}
  <p>B</p>
{:else}
  <p>C</p>
{/if}

İfadeler JavaScript'tir

Koşul, geçerli herhangi bir JavaScript ifadesi olabilir.

{#if items.length > 0 && !isLoading}

Kapatma Etiketi

Her zaman {/if} ile kapatın. Eksik kapatmalar derleme hatalarına neden olur.

İç İçe if

Koşulları diğer Svelte bloklarının ve HTML'in içinde serbestçe iç içe yerleştirebilirsiniz.

{#if user}
  {#if user.admin}
    <Admin />
  {/if}
{/if}

switch Yok

Svelte'de yerleşik bir switch bloğu yoktur. Zincirlenmiş {:else if} kullanın veya bir değişken hesaplayın.

each ile Birleştirme

Yalnızca öğeler mevcut olduğunda görüntülemek için bir listeyi koşullu bir bloğun içine alabilirsiniz.

{#if items.length}
  {#each items as item}<li>{item}</li>{/each}
{/if}

İçeride Tepkisellik

Koşul tepkiseldir: bağımlılıkları her değiştiğinde Svelte koşulu yeniden değerlendirir ve dalları değiştirir.

if Üzerinde Animasyonlar

Giriş ve çıkışı canlandırmak için if bloklarının içindeki öğelere transition: yönergeleri ekleyebilirsiniz.

Boş Dallar

else olmadan bir if bloğunuz olabilir. else isteğe bağlıdır.

Hızlı Kontrol

Bir Svelte if bloğu nasıl kapatılır?

Özet

Koşullu görüntüleme için {#if}/{:else if}/{:else}/{/if} kullanın. İfade düz JS'tir.

Sıkça Sorulan Sorular

“{#if} {#else if} {#else}” dersi ücretsiz mi?

Evet — “{#if} {#else if} {#else}” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Sveltejs Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Sveltejs Academy kursu toplamda 4 dersten oluşur.

“{#if} {#else if} {#else}” dersinde ne öğreneceğim?

JavaScript ifadelerine göre işaretlemeyi koşullu olarak oluşturun. Sveltejs Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

Sveltejs Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te Sveltejs Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 1. dersidir.

“{#if} {#else if} {#else}” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu Sveltejs Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her Sveltejs Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

  1. {#if} {#else if} {#else}
  2. Dizin ve Anahtarla {#each}
  3. Yeniden Oluşturmayı Zorlamak için {#key}
  4. İç İçe {#each} ve Anahtarlı Güncellemeler
← Sveltejs Academy Sayfasına Dön