Fallback-Inhalte für Slots
Rendern Sie Standardinhalte innerhalb eines , wenn das übergeordnete Element nichts bereitstellt.
Fallback-Inhalte für Slots ist eine kostenlose Sveltejs Academy-Lektion auf CoddyKit. Dies ist Lektion 3 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Sveltejs Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.
Standardinhalt im Slot
In das <slot>-Tag eingefügter Inhalt wird angezeigt, wenn der Parent nichts bereitstellt.
<button>
<slot>Click me</slot>
</button>Sinnvolle Standardwerte
Stellen Sie sinnvolle Standardwerte bereit, die in den meisten Fällen ohne Beteiligung des Parents funktionieren.
Fallbacks für benannte Slots
Benannte Slots unterstützen ebenfalls Fallback-Inhalte.
<slot name="title">Default Title</slot>Strategie pro Slot
Sie können für jeden Slot eine eigene Fallback-Strategie verwenden. Kombinieren Sie sie nach Bedarf.
Beim Füllen ersetzt
Wenn der Parent Inhalt bereitstellt, wird der Fallback vollständig ersetzt.
Nützlich für Headless Components
Headless-UI-Komponenten haben häufig minimale Fallbacks; die verwendenden Komponenten passen sie vollständig an.
Umfangreiche Fallbacks vermeiden
Halten Sie Standardinhalte klein. Große Fallbacks vergrößern ungenutzte Komponenten unnötig.
Icons und Beschriftungen
Das ist bei Icon-Buttons üblich: Der Fallback zeigt ein allgemeines Icon an, wenn keines bereitgestellt wurde.
Mit Bedingungen kombinieren
Fallbacks lassen sich gut mit $$slots-Prüfungen für fortgeschrittene Muster kombinieren.
Kein Markup erlaubt?
Ein Fallback kann beliebiges Markup enthalten, auch andere Komponenten.
Visueller Test
Zeigen Sie Ihre Komponente immer ohne Slot-Inhalt an, um den Fallback zu überprüfen.
Kurze Prüfung
Wann wird der Slot-Fallback angezeigt?
Zusammenfassung
Platzieren Sie Standardinhalt zwischen den <slot>-Tags, um einen Fallback bereitzustellen, wenn der Parent keinen Inhalt übergibt.
Häufig gestellte Fragen
Ist die Lektion „Fallback-Inhalte für Slots“ kostenlos?
Ja — der vollständige Text von „Fallback-Inhalte für Slots“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Sveltejs Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Fallback-Inhalte für Slots“?
Rendern Sie Standardinhalte innerhalb eines , wenn das übergeordnete Element nichts bereitstellt. Du übst Sveltejs Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um Sveltejs Academy zu starten?
Keine Vorkenntnisse erforderlich. Sveltejs Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 3 von 4.
Wie lange dauert die Lektion „Fallback-Inhalte für Slots“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser Sveltejs Academy-Lektion Code schreiben und ausführen?
Ja. Jede Sveltejs Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Standard-Slots für die Inhaltsprojektion
- Benannte Slots mit slot="name"
- Fallback-Inhalte für Slots
- Slot-Inhalte mit $$slots prüfen