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

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.

© 2001-2021 Fair Isaac Corporation. All rights reserved. This documentation is the property of Fair Isaac Corporation (“FICO”). Receipt or possession of this documentation does not convey rights to disclose, reproduce, make derivative works, use, or allow others to use it except solely for internal evaluation purposes to determine whether to purchase a license to the software described in this documentation, or as otherwise set forth in a written software license agreement between you and FICO (or a FICO affiliate). Use of this documentation and the software described in it must conform strictly to the foregoing permitted uses, and no other use is permitted.