javascript / beginner
Snippet
Bedingtes Rendering mit {#if}
Um HTML in Svelte bedingt zu rendern, verwenden Sie den `{#if}`-Block. Im Gegensatz zu Standard-JavaScript-`if`-Anweisungen sind diese Blöcke Teil des Templates und zeigen oder verbergen Elemente reaktiv basierend auf dem Wahrheitsgehalt des Ausdrucks.
snippet.js
javascript
1
2
3
4
5
{#if user.loggedIn}<button>Log Out</button>{:else}<button>Log In</button>{/if}
svelte
Erklärung
1
{#if user.loggedIn}
Startet den Bedingungsblock; rendert den folgenden Inhalt, wenn user.loggedIn wahr ist.
2
{:else}
Definiert, was gerendert werden soll, wenn die ursprüngliche Bedingung falsch ist.