javascript / beginner
Snippet
Der {#await}-Block
Der `{#await}`-Block ist ein sauberer Weg, um asynchrone Daten direkt in Ihrem HTML zu verarbeiten. Er ermöglicht es Ihnen, verschiedene Zustände für das Promise zu definieren: ausstehend (Laden), erfüllt (Erfolg) und abgelehnt (Fehler).
snippet.js
javascript
1
2
3
4
5
6
7
{#await promise}<p>Loading...</p>{:then data}<p>Success: {data}</p>{:catch error}<p>Error: {error.message}</p>{/await}
svelte
Erklärung
1
{#await promise}
Beginnt den Block und zeigt den Inhalt an, bis das Promise aufgelöst oder abgelehnt wird.
2
{:then data}
Dieser Abschnitt wird gerendert, sobald das Promise erfolgreich aufgelöst wurde, und liefert das Ergebnis als 'data'.