Directive: for-each

Last updated 8 months ago

To render content for each member of an Iterable, use the for-each directive:

<ul>
<li for-each=artists as="artist">
<a href="/artist/" + artist.id>
{{ artist.name }}
</a>
</li>
</ul>

Use an as attribute to specify the name each member of the iterable will be scoped as. If it is not provided, it defaults to item:

<ul>
<li for-each=[1, 2, 3]>
{{ item }} takes {{ item.bitLength }} bit(s) to store.
</li>
</ul>