javascript / beginner
Snippet
Async-Templates mit Await-Blöcken
Svelte ermöglicht es dir, JavaScript-Promises direkt in deinen HTML-Templates mit await-Blöcken zu handhaben, was die Verwaltung von Lade- und Fehlermeldungen erleichtert.
snippet.js
1
2
3
4
5
6
7
{#await fetchUser()}<p>Loading...</p>{:then user}<p>Hello, {user.name}!</p>{:catch error}<p>Error: {error.message}</p>{/await}
svelte
Erklärung
1
{#await fetchUser()}
Startet den Block und führt die asynchrone Funktion aus.
2
{:then user}
Definiert das Template, das angezeigt wird, wenn der Promise erfolgreich aufgelöst wurde.
3
{:catch error}
Definiert das Template, das angezeigt wird, wenn der Promise mit einem Fehler abgelehnt wurde.