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/19 11:44] – 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 - TBD ====== | + | ====== 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:// | ||
+ | |||
+ | |||