The vdl-repeat attribute
The vdl-repeat attribute is placed on a VDL or HTML element to repeat that same element by iterating over a collection.
The correct syntax is
=<variable> in <collection>where <variable> is a symbol of your choice that can be referenced by further expressions, and <collection> is an array or other JavaScript collection.
This example applies the repeat attribute to a list item containing a text element which references the scenario name.
Code editor
<vdl-row>
<vdl-column>
<ul>
<li vdl-repeat="=s in scenarios">
<span vdl-text="=s.props.name"></span>
</li>
</ul>
</vdl-column>
</vdl-row>
View Designer
Using vdl-repeat on a row in the View Designer
The vdl-repeat attribute repeats the element it is attached to and any child content of the element.
Using the vdl-repeat attribute
In the Palette > Logic group, click and drag a Repeat element onto the element you wish to repeat—the repeat wizard is displayed.
In the wizard, select whether the loop will repeat over the element, or the contents of the element.