Lines Matching refs:item
67 LazyForEach(this.data, (item: number) => {
69 if (item % 2 === 0) {
70 ReusableComponentOne({ item: item.toString() })
72 ReusableComponentTwo({ item: item.toString() })
77 }, (item: number) => item.toString())
87 @State item: string = '';
90 this.item = params.item;
95 Text(`Item ${this.item} ReusableComponentOne`)
105 @State item: string = '';
108 this.item = params.item;
113 Text(`Item ${this.item} ReusableComponentTwo`)
146 LazyForEach(this.data, (item: number) => {
148 ReusableComponent({ item: item })
149 .reuseId(item % 2 === 0 ? 'ReusableComponentOne' : 'ReusableComponentTwo')
153 }, (item: number) => item.toString())
163 @State item: number = 0;
166 this.item = params.item;
171 if (this.item % 2 === 0) {
172 Text(`Item ${this.item} ReusableComponentOne`)
176 Text(`Item ${this.item} ReusableComponentTwo`)
219 LazyForEach(this.data, (item: string, index: number) => {
222 ReusableComponentOne({ item: item })
224 ReusableComponentTwo({ item: item })
226 ReusableComponentThree({ item: item })
245 @State item: string = '';
249 console.info(`ReusableComponentOne ${params.item} Reuse ${this.item}`);
250 this.item = params.item;
255 console.info(`ReusableComponentOne ${this.item} Recycle`);
260 ChildComponentA({ item: this.item })
261 ChildComponentB({ item: this.item })
262 ChildComponentC({ item: this.item })
270 @State item: string = '';
273 console.info(`ReusableComponentTwo ${params.item} Reuse ${this.item}`);
274 this.item = params.item;
278 console.info(`ReusableComponentTwo ${this.item} Recycle`);
283 ChildComponentA({ item: this.item })
284 ChildComponentC({ item: this.item })
285 ChildComponentD({ item: this.item })
293 @State item: string = '';
296 console.info(`ReusableComponentThree ${params.item} Reuse ${this.item}`);
297 this.item = params.item;
301 console.info(`ReusableComponentThree ${this.item} Recycle`);
306 ChildComponentA({ item: this.item })
307 ChildComponentB({ item: this.item })
308 ChildComponentD({ item: this.item })
315 @State item: string = '';
318 console.info(`ChildComponentA ${params.item} Reuse ${this.item}`);
319 this.item = params.item;
323 console.info(`ChildComponentA ${this.item} Recycle`);
328 Text(`Item ${this.item} Child Component A`)
333 ForEach((new Array(20)).fill(''), (item: string,index: number) => {
353 @State item: string = '';
356 this.item = params.item;
361 Text(`Item ${this.item} Child Component B`)
371 @State item: string = '';
374 this.item = params.item;
379 Text(`Item ${this.item} Child Component C`)
389 @State item: string = '';
392 this.item = params.item;
397 Text(`Item ${this.item} Child Component D`)
441 itemBuilderOne(item: string) {
443 ChildComponentA({ item: item })
444 ChildComponentB({ item: item })
445 ChildComponentC({ item: item })
450 itemBuilderTwo(item: string) {
452 ChildComponentA({ item: item })
453 ChildComponentC({ item: item })
454 ChildComponentD({ item: item })
459 itemBuilderThree(item: string) {
461 ChildComponentA({ item: item })
462 ChildComponentB({ item: item })
463 ChildComponentD({ item: item })
469 LazyForEach(this.data, (item: string, index: number) => {
472 this.itemBuilderOne(item)
474 this.itemBuilderTwo(item)
476 this.itemBuilderThree(item)
484 }, (item: number) => item.toString())
495 @State item: string = '';
498 console.info(`ChildComponentA ${params.item} Reuse ${this.item}`);
499 this.item = params.item;
503 console.info(`ChildComponentA ${this.item} Recycle`);
508 Text(`Item ${this.item} Child Component A`)
513 ForEach((new Array(20)).fill(''), (item: string,index: number) => {
534 @State item: string = '';
537 this.item = params.item;
542 Text(`Item ${this.item} Child Component B`)
553 @State item: string = '';
556 this.item = params.item;
561 Text(`Item ${this.item} Child Component C`)
572 @State item: string = '';
575 this.item = params.item;
580 Text(`Item ${this.item} Child Component D`)