Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
| Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
| en:modul:m291:learningunits:lu19:theorie:04 [2025/06/05 12:29] – vdemir | en:modul:m291:learningunits:lu19:theorie:04 [2025/06/26 10:23] (aktuell) – vdemir | ||
|---|---|---|---|
| Zeile 1: | Zeile 1: | ||
| - | ====== LU19a - Aufgabe 1 / Task 04: v-bind | + | ====== LU19a - Aufgabe 1 / Task 04: v-bind, v-for ====== |
| + | |||
| + | |||
| + | ===== Administration ===== | ||
| + | Füllen Sie die nachfolgenden Felder aus: | ||
| + | |||
| + | **Klasse:** .................................... | ||
| + | |||
| + | **Vorname: | ||
| + | |||
| + | **Name:** ...................................... | ||
| + | |||
| + | ===== Vorarbeit ===== | ||
| + | * Sie können als Vorlage für diese Aufgabe die Lösung **LU05.S17.html** verwenden. | ||
| + | |||
| + | ===== Ausgangslage | ||
| + | Beim Auftrag **LU05.S17.html** haben wir verschiedene Gerichte in einem Array verwaltet und mit der directive **v-for** ausgegeben. Manche Gerichte mochten wir, andere wiederum nicht. | ||
| + | * Status OK: rote Meldung | ||
| + | * Status NOK: grüne Meldung | ||
| + | * Alle relevanten Informationen wurden in einem mehrdimensionalen Array gespeichert. | ||
| + | |||
| + | {{: | ||
| + | |||
| + | ===== Auftrag ===== | ||
| + | * Führen Sie einen dritten Status **Solala** ein. | ||
| + | * Verändern Sie den Status von 2-3 Gerichten neu in **Solala** | ||
| + | * Passen Sie die Meldung zum neuen Status an: **... is fairly edible** (... ist knapp geniessbar) in schwarzer Schrift. | ||
| + | |||
| + | **Hinweis** | ||
| + | * Die Auswahl welche Gerichte "knapp geniessbar" | ||
| + | * Am Ende müssen alle 3 Stati im Ergebnis ersichtlich sein. | ||
| + | * Lediglich die Gerichte, die ich mag sollen als Image gezeigt werden. | ||
| + | |||
| + | |||
| + | ^Zielzustand ^ ^ | ||
| + | | Gericht 3 (cake) und Gericht 6 (pizza) scheine für mich knapp geniessbar zu sein. |{{: | ||
| + | |||
| + | |||
| + | |||
| + | ----- | ||
| + | |||
| + | [[https:// | ||
| + | |||
| + | |||