Artifact
f07ed27be627a9271962f947471157e3accfe0330c6cbdc6d9e055344a93941c:
0000: 3c 6c 6f 6f 70 2d 6f 62 6a 65 63 74 2d 63 6f 6e <loop-object-con
0010: 64 69 74 69 6f 6e 61 6c 3e 0a 20 20 3c 64 69 76 ditional>. <div
0020: 20 72 65 66 3d 27 69 74 65 6d 73 27 20 65 61 63 ref='items' eac
0030: 68 3d 7b 20 69 74 65 6d 2c 6b 65 79 20 69 6e 20 h={ item,key in
0040: 69 74 65 6d 73 20 7d 20 69 66 3d 7b 20 69 74 65 items } if={ ite
0050: 6d 2e 64 69 73 70 6c 61 79 20 7d 3e 0a 20 20 20 m.display }>.
0060: 20 7b 20 69 74 65 6d 2e 74 61 67 20 7d 0a 20 20 { item.tag }.
0070: 3c 2f 64 69 76 3e 0a 0a 20 20 3c 73 63 72 69 70 </div>.. <scrip
0080: 74 3e 0a 20 20 20 20 74 68 69 73 2e 69 74 65 6d t>. this.item
0090: 73 20 3d 20 7b 0a 20 20 20 20 20 20 6f 6e 65 3a s = {. one:
00a0: 20 7b 6e 61 6d 65 3a 20 27 6f 6e 65 27 2c 20 64 {name: 'one', d
00b0: 69 73 70 6c 61 79 3a 20 27 31 27 2c 20 74 61 67 isplay: '1', tag
00c0: 3a 20 27 66 69 65 6c 64 2d 31 27 7d 2c 0a 20 20 : 'field-1'},.
00d0: 20 20 20 20 74 77 6f 3a 20 7b 6e 61 6d 65 3a 20 two: {name:
00e0: 27 74 77 6f 27 2c 20 64 69 73 70 6c 61 79 3a 20 'two', display:
00f0: 31 2c 20 74 61 67 3a 20 27 66 69 65 6c 64 2d 32 1, tag: 'field-2
0100: 27 7d 2c 0a 20 20 20 20 20 20 74 68 72 65 65 3a '},. three:
0110: 20 7b 6e 61 6d 65 3a 20 27 74 68 72 65 65 27 2c {name: 'three',
0120: 20 64 69 73 70 6c 61 79 3a 20 74 72 75 65 2c 20 display: true,
0130: 74 61 67 3a 20 27 66 69 65 6c 64 2d 31 27 7d 2c tag: 'field-1'},
0140: 0a 20 20 20 20 20 20 66 6f 75 72 3a 20 7b 6e 61 . four: {na
0150: 6d 65 3a 20 27 66 6f 75 72 27 2c 20 64 69 73 70 me: 'four', disp
0160: 6c 61 79 3a 20 30 2c 20 74 61 67 3a 20 27 66 69 lay: 0, tag: 'fi
0170: 65 6c 64 2d 32 27 7d 2c 0a 20 20 20 20 20 20 66 eld-2'},. f
0180: 69 76 65 3a 20 7b 6e 61 6d 65 3a 20 27 66 69 76 ive: {name: 'fiv
0190: 65 27 2c 20 64 69 73 70 6c 61 79 3a 20 66 61 6c e', display: fal
01a0: 73 65 2c 20 74 61 67 3a 20 27 66 69 65 6c 64 2d se, tag: 'field-
01b0: 31 27 7d 2c 0a 20 20 20 20 20 20 73 69 78 3a 20 1'},. six:
01c0: 7b 6e 61 6d 65 3a 20 27 73 69 78 27 2c 20 64 69 {name: 'six', di
01d0: 73 70 6c 61 79 3a 20 27 30 27 2c 20 74 61 67 3a splay: '0', tag:
01e0: 20 27 66 69 65 6c 64 2d 31 27 7d 0a 20 20 20 20 'field-1'}.
01f0: 7d 0a 20 20 3c 2f 73 63 72 69 70 74 3e 0a 3c 2f }. </script>.</
0200: 6c 6f 6f 70 2d 6f 62 6a 65 63 74 2d 63 6f 6e 64 loop-object-cond
0210: 69 74 69 6f 6e 61 6c 3e itional>