Artifact
c99e784377d3945b6f843d073cce94730186601737ae4674821f76d687d5d487:
0000: 0a 3c 6c 6f 6f 70 2d 72 65 70 6c 61 63 65 3e 0a .<loop-replace>.
0010: 0a 20 20 3c 64 69 76 3e 0a 20 20 20 20 3c 73 74 . <div>. <st
0020: 72 6f 6e 67 20 65 61 63 68 3d 22 7b 20 69 74 65 rong each="{ ite
0030: 6d 73 20 7d 22 3e 7b 20 76 20 7d 3c 2f 73 74 72 ms }">{ v }</str
0040: 6f 6e 67 3e 0a 20 20 20 20 3c 62 75 74 74 6f 6e ong>. <button
0050: 20 6f 6e 63 6c 69 63 6b 3d 7b 20 72 75 6e 20 7d onclick={ run }
0060: 3e 52 75 6e 3c 2f 62 75 74 74 6f 6e 3e 0a 20 20 >Run</button>.
0070: 3c 2f 64 69 76 3e 0a 0a 20 20 76 61 72 20 73 65 </div>.. var se
0080: 6c 66 20 3d 20 74 68 69 73 0a 20 20 73 65 6c 66 lf = this. self
0090: 2e 69 74 65 6d 73 20 3d 20 5b 20 7b 20 76 3a 20 .items = [ { v:
00a0: 27 61 27 20 7d 2c 20 7b 20 76 3a 20 39 20 7d 2c 'a' }, { v: 9 },
00b0: 20 7b 20 76 3a 20 33 20 7d 20 5d 0a 0a 20 20 72 { v: 3 } ].. r
00c0: 75 6e 28 29 20 7b 0a 20 20 20 20 73 65 74 54 69 un() {. setTi
00d0: 6d 65 6f 75 74 28 66 75 6e 63 74 69 6f 6e 28 29 meout(function()
00e0: 20 7b 0a 20 20 20 20 20 20 73 65 6c 66 2e 75 70 {. self.up
00f0: 64 61 74 65 28 7b 20 69 74 65 6d 73 3a 20 5b 20 date({ items: [
0100: 7b 20 76 3a 27 63 27 7d 2c 20 7b 20 76 3a 27 64 { v:'c'}, { v:'d
0110: 27 20 7d 2c 20 7b 20 76 3a 20 27 65 27 20 7d 2c ' }, { v: 'e' },
0120: 20 7b 20 76 3a 20 27 66 27 20 7d 2c 20 7b 20 76 { v: 'f' }, { v
0130: 3a 20 27 67 27 20 7d 20 5d 20 7d 29 0a 20 20 20 : 'g' } ] }).
0140: 20 7d 2c 20 32 30 30 29 0a 0a 20 20 20 20 73 65 }, 200).. se
0150: 74 54 69 6d 65 6f 75 74 28 66 75 6e 63 74 69 6f tTimeout(functio
0160: 6e 28 29 20 7b 0a 20 20 20 20 20 20 73 65 6c 66 n() {. self
0170: 2e 69 74 65 6d 73 20 3d 20 73 65 6c 66 2e 69 74 .items = self.it
0180: 65 6d 73 2e 63 6f 6e 63 61 74 28 5b 20 7b 20 76 ems.concat([ { v
0190: 3a 27 63 27 7d 2c 7b 20 76 3a 27 63 27 7d 2c 7b :'c'},{ v:'c'},{
01a0: 20 76 3a 27 63 27 7d 2c 7b 20 76 3a 27 63 27 7d v:'c'},{ v:'c'}
01b0: 20 5d 29 0a 20 20 20 20 20 20 73 65 6c 66 2e 75 ]). self.u
01c0: 70 64 61 74 65 28 29 0a 20 20 20 20 7d 2c 20 34 pdate(). }, 4
01d0: 30 30 29 0a 0a 20 20 20 20 73 65 74 54 69 6d 65 00).. setTime
01e0: 6f 75 74 28 66 75 6e 63 74 69 6f 6e 28 29 20 7b out(function() {
01f0: 20 73 65 6c 66 2e 75 70 64 61 74 65 28 7b 20 69 self.update({ i
0200: 74 65 6d 73 3a 20 5b 20 7b 76 3a 27 65 27 7d 2c tems: [ {v:'e'},
0210: 20 7b 76 3a 27 66 27 7d 20 5d 20 7d 29 20 7d 2c {v:'f'} ] }) },
0220: 20 36 30 30 29 0a 20 20 7d 0a 0a 0a 0a 3c 2f 6c 600). }....</l
0230: 6f 6f 70 2d 72 65 70 6c 61 63 65 3e oop-replace>