Artifact
6ce13777aafa9a2ed1b76734b26a85c46768b39c6b0746923edf550b3680d6aa:
0000: 0a 3c 6c 6f 6f 70 2d 70 6f 73 69 74 69 6f 6e 3e .<loop-position>
0010: 0a 0a 20 20 3c 70 3e 0a 20 20 20 20 3c 73 70 61 .. <p>. <spa
0020: 6e 20 65 61 63 68 3d 22 7b 20 69 74 65 6d 73 20 n each="{ items
0030: 7d 22 3e 7b 20 78 20 7d 3c 2f 73 70 61 6e 3e 0a }">{ x }</span>.
0040: 20 20 3c 2f 70 3e 0a 0a 20 20 3c 68 33 3e 62 65 </p>.. <h3>be
0050: 74 77 65 65 6e 3c 2f 68 33 3e 0a 0a 20 20 3c 70 tween</h3>.. <p
0060: 3e 0a 20 20 20 20 3c 73 70 61 6e 20 65 61 63 68 >. <span each
0070: 3d 22 7b 20 69 74 65 6d 73 20 7d 22 3e 7b 20 78 ="{ items }">{ x
0080: 20 7d 3c 2f 73 70 61 6e 3e 0a 20 20 3c 2f 70 3e }</span>. </p>
0090: 0a 0a 20 20 74 68 69 73 2e 69 74 65 6d 73 20 3d .. this.items =
00a0: 20 5b 7b 20 78 3a 20 27 31 20 27 20 7d 2c 20 7b [{ x: '1 ' }, {
00b0: 20 78 3a 20 27 32 20 27 20 7d 5d 0a 0a 20 20 73 x: '2 ' }].. s
00c0: 65 74 54 69 6d 65 6f 75 74 28 66 75 6e 63 74 69 etTimeout(functi
00d0: 6f 6e 28 29 20 7b 0a 20 20 20 20 74 68 69 73 2e on() {. this.
00e0: 69 74 65 6d 73 2e 70 75 73 68 28 7b 20 78 3a 20 items.push({ x:
00f0: 27 74 68 69 72 64 27 20 7d 29 0a 20 20 20 20 74 'third' }). t
0100: 68 69 73 2e 75 70 64 61 74 65 28 29 0a 0a 20 20 his.update()..
0110: 7d 2e 62 69 6e 64 28 74 68 69 73 29 2c 20 32 30 }.bind(this), 20
0120: 30 29 0a 0a 3c 2f 6c 6f 6f 70 2d 70 6f 73 69 74 0)..</loop-posit
0130: 69 6f 6e 3e ion>