Okay, den Iterator habe ich verstanden. Wenn ich mit <f:for each="{0:1, 1:2, 2:3, 3:4}" .. durchgehe, dann bekomme ich auch oben vier und unten vier Buttons gerendert. Aber ich bekomme den "title" aus dem ContentBlock nicht ausgegeben. Den bekomme ich nur, wenn ich <f:for each="{data.tabs}" ... hinzufüge. Dann gibt es aber zwei Schleifen, wodurch die Ausgabe multipliziert wird.
Hier wird für die vier Einträge jeweils jeder der acht hinterlegten "title" ausgegeben.
<f:if condition="{data.tabs}">
<f:for each="{0:1, 1:2, 2:3, 3:4}" as="tab" iteration="i">
<f:for each="{data.tabs}" as="test">
<button role="tab" class="tab"
aria-selected="{f:if(condition: i == 0, then: 'true', else: 'false')}"
aria-controls="tab-{tabs.uid}" id="tab-{tabs.uid}-btn">
<f:if condition="{tabs.number}">
{tabs.number}
</f:if>
{test.title}
</button>
</f:for>
</f:for>
</f:if>
So bekomme ich vier Buttons ausgegeben, aber ich komme nicht an den title der data.tabs
<f:if condition="{data.tabs}">
<f:for each="{0:1, 1:2, 2:3, 3:4}" as="tab" iteration="i">
<button role="tab" class="tab"
aria-selected="{f:if(condition: i == 0, then: 'true', else: 'false')}"
aria-controls="tab-{tabs.uid}" id="tab-{tabs.uid}-btn">
<f:if condition="{tabs.number}">
{tabs.number}
</f:if>
{test.title}
</button>
</f:for>
</f:if>
<f:debug>{data.tabs}</f:debug> gibt folgendes aus:
