For loops

For loops can be done with the <for> tag. Currently, as of version 1.1.0, for tags can only be used to loop through children in an element.

Examples

Simple Example

<div class="parent">
    <div class="child">H</div>
    <div class="child">e</div>
    <div class="child">l</div>
    <div class="child">l</div>
    <div class="child">o</div>
    <div class="child">!</div>
</div>

<for each=".child" in=".parent" varname="item">{{item}}</for>

<!-- Expected Output -->
Hello!

Example Using Iteration

<div class="parent">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
</div>

<for each=".child" in=".parent">{{i}}</for>

<!-- Expected Output -->
01234