UNPKG

@polight/lego

Version:

Tiny Web-Components lib for future-proof HTML mentors

github.com/Polight/lego

Polight/lego

15 lines (10 loc) • 485 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
--- title: Loop :for weight: 3 --- `:for` directive allows to repeat a tag based on a property. The syntax is as follow: `:for="item in state.items"`. The _item_ value will be available trough `${item}` within the loop. If you need an incremental index `i`, use `:for="item, i in state.items"`. Example: `<li :for="attendee in state.attendees">${attendee}</li>` with a state as `this.state = { attendees: ['John', 'Mary'] }` will display `<li>John</li><li>Mary</li>`