javascript / beginner
Snippet
Bedingtes Rendern mit If/Else
Svelte verwendet Logik-Blöcke wie {#if}, um Teile der Benutzeroberfläche basierend auf einer Bedingung anzuzeigen oder auszublenden. Der {:else}-Block bietet eine Alternative, falls die Bedingung falsch ist.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
<script>let visible = true;</script>{#if visible}<p>Now you see me!</p>{:else}<p>Now you don't!</p>{/if}<button on:click={() => visible = !visible}>Toggle</button>
svelte
Erklärung
1
{#if visible}
Prüft, ob die Variable 'visible' wahr ist.
2
{:else}
Behandelt den Fall, dass die obige Bedingung nicht erfüllt wurde.