Initializing help system before first use

Using Loops with Arrays and Sets

VDL provides a couple of methods of repeating.

The two elements are vdl-repeat-contents and vdl-repeat. vdl-repeat-contents is typically used to repeat a block of content and vdl-repeat is used to loop around each element in an array or set.

They can be used individually or in combination. For example, the following code block will generate a numbered list of Support Levels for each scenario, then populate the list with the listed entities from the Support Level array. 
<ol vdl-repeat="=S in scenarios" vdl-repeat-contents="=level in S.entities.SupportLevels">
    <li vdl-text="=[S.props.name,level.label,S.entities.SupportCosts(level.value).label]"></li>
</ol>
Covered Topics
  • 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 vdl-repeat-contents attribute
    The vdl-repeat-contents attribute is placed on a VDL or HTML element to repeat the contents of that element by iterating over a collection. This differs from a vdl-repeat attribute, which will also include the element it is assigned to in the repeated blocks.
Parent Topic Using Expressions