Knoten·Knotenarten

each

Schleife über eine endliche Liste aus dem State. Es gibt keine andere Wiederholung in der Sprache.

Syntax

json

{
  "$": "each",
  "path"?: Text,
  "value"?: Wert,
  "as": Text (nicht leer),
  "index"?: Text (nicht leer),
  "children": Knoten[],
  "when"?: Bedingung
}

Felder 6

Felder	Pflicht	Form
path	optional	Text
value	optional	Wert
as	Pflicht	Text (nicht leer)
index	optional	Text (nicht leer)
children	Pflicht	Knoten[]
when	optional	Bedingung

Beispiel

Eingabe

{
  "$": "each",
  "path": "liste",
  "as": "eintrag",
  "index": "i",
  "children": [
    {
      "$": "el",
      "tag": "li",
      "children": [
        {
          "$": "text",
          "value": {
            "$": "var",
            "name": "eintrag"
          }
        }
      ]
    }
  ]
}

Ausgabe

<li>Espresso</li><li>Cortado</li><li>Filter</li>

Im Spielplatz öffnen — mit genau diesem BeispielBeispiel getippt

Die einzige Wiederholung der Sprache — über eine endliche Liste aus dem Zustand. Gerechnet hat es renderDefinition() aus @trybe/static-post-templates — dieselbe Funktion wie im Studio-Canvas und im PNG-Export.

Der Zustand, gegen den gerendert wurde

{
  "slots": {
    "topline": "Sommer 2026",
    "head": "Sommer-Sale",
    "sub": "Drei Wochen, alles reduziert. Nur online.",
    "sig": "@trybe",
    "fmt": "1:1",
    "btn": "Jetzt sichern"
  },
  "mark": {
    "word": "Sale",
    "color": "#8a2f24"
  },
  "liste": [
    "Espresso",
    "Cortado",
    "Filter"
  ],
  "stufe": "zwei",
  "sale": true,
  "zeigeBadge": true,
  "kopfGroesse": 104
}

Verwandt

Quelle: buildStencilJsonSchema(registry).definitions.node — der Satz oben ist geschrieben, alles andere erzeugt