Skip to content

Commit d9d566d

Browse files
crisbetoAndrewKushnir
crisbeto
authored and
AndrewKushnir
committed
fix(compiler): nested for loops incorrectly calculating computed variables (#52931)
The `$first`, `$last`, `$even` and `$odd` variables in `@for` loops aren't defined on the template context of the loop, but are computed based on `$index` and `$count` (e.g. `$first` is defined as `$index === 0`). We do this calculation by looking up `$index` and `$count` when one of the variables is used. The problem is that all `@for` loop variables are available implicitly which means that when a nested loop tries to rewrite a reference to an outer loop computed variable, it finds its own `$index` and `$count` first and it doesn't look up the ones on the parent at all. This means that the calculated values will be incorrect at runtime. These changes work around the issue by defining nested-level-specific variable names that can be used for lookups (e.g. `$index` at level `2` will also be available as `ɵ$index_2`). This isn't the most elegant solution, however the `TemplatDefitinionBuilder` wasn't set up to handle shadowed variables like this and it doesn't make sense to refactor it given the upcoming template pipeline. Fixes #52917. PR Close #52931
1 parent fdf4c06 commit d9d566d

File tree

7 files changed

+431
-29
lines changed

7 files changed

+431
-29
lines changed

‎packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_control_flow/GOLDEN_PARTIAL.js‎

Lines changed: 126 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1800,3 +1800,129 @@ export declare class MyApp {
18001800
static ɵcmp: i0.ɵɵComponentDeclaration<MyApp, "ng-component", never, {}, {}, never, never, false, never>;
18011801
}
18021802

1803+
/****************************************************************************************************
1804+
* PARTIAL FILE: nested_for_computed_template_variables.js
1805+
****************************************************************************************************/
1806+
import { Component } from '@angular/core';
1807+
import * as i0 from "@angular/core";
1808+
export class MyApp {
1809+
constructor() {
1810+
this.items = [];
1811+
}
1812+
}
1813+
MyApp.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "0.0.0-PLACEHOLDER", ngImport: i0, type: MyApp, deps: [], target: i0.ɵɵFactoryTarget.Component });
1814+
MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "0.0.0-PLACEHOLDER", type: MyApp, selector: "ng-component", ngImport: i0, template: `
1815+
@for (outer of items; track outer; let outerOdd = $odd, outerEven = $even, outerFirst = $first, outerLast = $last) {
1816+
Outer vars: {{outerOdd}} {{outerEven}} {{outerFirst}} {{outerLast}}
1817+
@for (inner of items; track inner; let innerOdd = $odd, innerEven = $even, innerFirst = $first, innerLast = $last) {
1818+
Inner vars: {{innerOdd}} {{innerEven}} {{innerFirst}} {{innerLast}}
1819+
<br>
1820+
Outer vars: {{outerOdd}} {{outerEven}} {{outerFirst}} {{outerLast}}
1821+
@for (innermost of items; track innermost; let innermostOdd = $odd, innermostEven = $even, innermostFirst = $first, innermostLast = $last) {
1822+
Innermost vars: {{innermostOdd}} {{innermostEven}} {{innermostFirst}} {{innermostLast}}
1823+
<br>
1824+
Inner vars: {{innerOdd}} {{innerEven}} {{innerFirst}} {{innerLast}}
1825+
<br>
1826+
Outer vars: {{outerOdd}} {{outerEven}} {{outerFirst}} {{outerLast}}
1827+
}
1828+
}
1829+
}
1830+
`, isInline: true });
1831+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "0.0.0-PLACEHOLDER", ngImport: i0, type: MyApp, decorators: [{
1832+
type: Component,
1833+
args: [{
1834+
template: `
1835+
@for (outer of items; track outer; let outerOdd = $odd, outerEven = $even, outerFirst = $first, outerLast = $last) {
1836+
Outer vars: {{outerOdd}} {{outerEven}} {{outerFirst}} {{outerLast}}
1837+
@for (inner of items; track inner; let innerOdd = $odd, innerEven = $even, innerFirst = $first, innerLast = $last) {
1838+
Inner vars: {{innerOdd}} {{innerEven}} {{innerFirst}} {{innerLast}}
1839+
<br>
1840+
Outer vars: {{outerOdd}} {{outerEven}} {{outerFirst}} {{outerLast}}
1841+
@for (innermost of items; track innermost; let innermostOdd = $odd, innermostEven = $even, innermostFirst = $first, innermostLast = $last) {
1842+
Innermost vars: {{innermostOdd}} {{innermostEven}} {{innermostFirst}} {{innermostLast}}
1843+
<br>
1844+
Inner vars: {{innerOdd}} {{innerEven}} {{innerFirst}} {{innerLast}}
1845+
<br>
1846+
Outer vars: {{outerOdd}} {{outerEven}} {{outerFirst}} {{outerLast}}
1847+
}
1848+
}
1849+
}
1850+
`,
1851+
}]
1852+
}] });
1853+
1854+
/****************************************************************************************************
1855+
* PARTIAL FILE: nested_for_computed_template_variables.d.ts
1856+
****************************************************************************************************/
1857+
import * as i0 from "@angular/core";
1858+
export declare class MyApp {
1859+
items: never[];
1860+
static ɵfac: i0.ɵɵFactoryDeclaration<MyApp, never>;
1861+
static ɵcmp: i0.ɵɵComponentDeclaration<MyApp, "ng-component", never, {}, {}, never, never, false, never>;
1862+
}
1863+
1864+
/****************************************************************************************************
1865+
* PARTIAL FILE: nested_for_listener_computed_template_variables.js
1866+
****************************************************************************************************/
1867+
import { Component } from '@angular/core';
1868+
import * as i0 from "@angular/core";
1869+
export class MyApp {
1870+
constructor() {
1871+
this.items = [];
1872+
}
1873+
outerCb(...args) { }
1874+
innerCb(...args) { }
1875+
innermostCb(...args) { }
1876+
}
1877+
MyApp.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "0.0.0-PLACEHOLDER", ngImport: i0, type: MyApp, deps: [], target: i0.ɵɵFactoryTarget.Component });
1878+
MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "0.0.0-PLACEHOLDER", type: MyApp, selector: "ng-component", ngImport: i0, template: `
1879+
@for (outer of items; track outer; let outerOdd = $odd, outerEven = $even, outerFirst = $first, outerLast = $last) {
1880+
<button (click)="outerCb(outerOdd, outerEven, outerFirst, outerLast)"></button>
1881+
1882+
@for (inner of items; track inner; let innerOdd = $odd, innerEven = $even, innerFirst = $first, innerLast = $last) {
1883+
<button (click)="innerCb(innerOdd, innerEven, innerFirst, innerLast)"></button>
1884+
<button (click)="outerCb(outerOdd, outerEven, outerFirst, outerLast)"></button>
1885+
1886+
@for (innermost of items; track innermost; let innermostOdd = $odd, innermostEven = $even, innermostFirst = $first, innermostLast = $last) {
1887+
<button (click)="innermostCb(innermostOdd, innermostEven, innermostFirst, innermostLast)"></button>
1888+
<button (click)="innerCb(innerOdd, innerEven, innerFirst, innerLast)"></button>
1889+
<button (click)="outerCb(outerOdd, outerEven, outerFirst, outerLast)"></button>
1890+
}
1891+
}
1892+
}
1893+
`, isInline: true });
1894+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "0.0.0-PLACEHOLDER", ngImport: i0, type: MyApp, decorators: [{
1895+
type: Component,
1896+
args: [{
1897+
template: `
1898+
@for (outer of items; track outer; let outerOdd = $odd, outerEven = $even, outerFirst = $first, outerLast = $last) {
1899+
<button (click)="outerCb(outerOdd, outerEven, outerFirst, outerLast)"></button>
1900+
1901+
@for (inner of items; track inner; let innerOdd = $odd, innerEven = $even, innerFirst = $first, innerLast = $last) {
1902+
<button (click)="innerCb(innerOdd, innerEven, innerFirst, innerLast)"></button>
1903+
<button (click)="outerCb(outerOdd, outerEven, outerFirst, outerLast)"></button>
1904+
1905+
@for (innermost of items; track innermost; let innermostOdd = $odd, innermostEven = $even, innermostFirst = $first, innermostLast = $last) {
1906+
<button (click)="innermostCb(innermostOdd, innermostEven, innermostFirst, innermostLast)"></button>
1907+
<button (click)="innerCb(innerOdd, innerEven, innerFirst, innerLast)"></button>
1908+
<button (click)="outerCb(outerOdd, outerEven, outerFirst, outerLast)"></button>
1909+
}
1910+
}
1911+
}
1912+
`,
1913+
}]
1914+
}] });
1915+
1916+
/****************************************************************************************************
1917+
* PARTIAL FILE: nested_for_listener_computed_template_variables.d.ts
1918+
****************************************************************************************************/
1919+
import * as i0 from "@angular/core";
1920+
export declare class MyApp {
1921+
items: never[];
1922+
outerCb(...args: unknown[]): void;
1923+
innerCb(...args: unknown[]): void;
1924+
innermostCb(...args: unknown[]): void;
1925+
static ɵfac: i0.ɵɵFactoryDeclaration<MyApp, never>;
1926+
static ɵcmp: i0.ɵɵComponentDeclaration<MyApp, "ng-component", never, {}, {}, never, never, false, never>;
1927+
}
1928+

‎packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_control_flow/TEST_CASES.json‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -581,6 +581,42 @@
581581
"failureMessage": "Incorrect template"
582582
}
583583
]
584+
},
585+
{
586+
"description": "should generate computed for loop variables that depend on shadowed $index and $count",
587+
"inputFiles": [
588+
"nested_for_computed_template_variables.ts"
589+
],
590+
"expectations": [
591+
{
592+
"files": [
593+
{
594+
"expected": "nested_for_computed_template_variables_template.js",
595+
"generated": "nested_for_computed_template_variables.js"
596+
}
597+
],
598+
"failureMessage": "Incorrect template"
599+
}
600+
],
601+
"skipForTemplatePipeline": true
602+
},
603+
{
604+
"description": "should generate computed for loop variables that depend on shadowed $index and $count inside of listeners",
605+
"inputFiles": [
606+
"nested_for_listener_computed_template_variables.ts"
607+
],
608+
"expectations": [
609+
{
610+
"files": [
611+
{
612+
"expected": "nested_for_listener_computed_template_variables_template.js",
613+
"generated": "nested_for_listener_computed_template_variables.js"
614+
}
615+
],
616+
"failureMessage": "Incorrect template"
617+
}
618+
],
619+
"skipForTemplatePipeline": true
584620
}
585621
]
586622
}

‎packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_control_flow/nested_for_computed_template_variables.ts‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
import {Component} from '@angular/core';
2+
3+
@Component({
4+
template: `
5+
@for (outer of items; track outer; let outerOdd = $odd, outerEven = $even, outerFirst = $first, outerLast = $last) {
6+
Outer vars: {{outerOdd}} {{outerEven}} {{outerFirst}} {{outerLast}}
7+
@for (inner of items; track inner; let innerOdd = $odd, innerEven = $even, innerFirst = $first, innerLast = $last) {
8+
Inner vars: {{innerOdd}} {{innerEven}} {{innerFirst}} {{innerLast}}
9+
<br>
10+
Outer vars: {{outerOdd}} {{outerEven}} {{outerFirst}} {{outerLast}}
11+
@for (innermost of items; track innermost; let innermostOdd = $odd, innermostEven = $even, innermostFirst = $first, innermostLast = $last) {
12+
Innermost vars: {{innermostOdd}} {{innermostEven}} {{innermostFirst}} {{innermostLast}}
13+
<br>
14+
Inner vars: {{innerOdd}} {{innerEven}} {{innerFirst}} {{innerLast}}
15+
<br>
16+
Outer vars: {{outerOdd}} {{outerEven}} {{outerFirst}} {{outerLast}}
17+
}
18+
}
19+
}
20+
`,
21+
})
22+
export class MyApp {
23+
items = [];
24+
}

‎packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_control_flow/nested_for_computed_template_variables_template.js‎

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
function MyApp_For_1_For_2_For_4_Template(rf, ctx) {
2+
…
3+
if (rf & 2) {
4+
const $index_r14 = ctx.$index;
5+
const $count_r16 = ctx.$count;
6+
const ctx_r18 = $r3$.ɵɵnextContext();
7+
const ɵ$index_2_r9 = ctx_r18.$index;
8+
const ɵ$count_2_r11 = ctx_r18.$count;
9+
const ctx_r19 = $r3$.ɵɵnextContext();
10+
const ɵ$index_1_r3 = ctx_r19.$index;
11+
const ɵ$count_1_r5 = ctx_r19.$count;
12+
$r3$.ɵɵtextInterpolate4(" Innermost vars: ", $index_r14 % 2 !== 0, " ", $index_r14 % 2 === 0, " ", $index_r14 === 0, " ", $index_r14 === $count_r16 - 1, " ");
13+
$r3$.ɵɵadvance(2);
14+
$r3$.ɵɵtextInterpolate4(" Inner vars: ", ɵ$index_2_r9 % 2 !== 0, " ", ɵ$index_2_r9 % 2 === 0, " ", ɵ$index_2_r9 === 0, " ", ɵ$index_2_r9 === ɵ$count_2_r11 - 1, " ");
15+
$r3$.ɵɵadvance(2);
16+
$r3$.ɵɵtextInterpolate4(" Outer vars: ", ɵ$index_1_r3 % 2 !== 0, " ", ɵ$index_1_r3 % 2 === 0, " ", ɵ$index_1_r3 === 0, " ", ɵ$index_1_r3 === ɵ$count_1_r5 - 1, " ");
17+
}
18+
}
19+
20+
function MyApp_For_1_For_2_Template(rf, ctx) {
21+
…
22+
if (rf & 2) {
23+
const $index_r8 = ctx.$index;
24+
const $count_r10 = ctx.$count;
25+
const ctx_r20 = $r3$.ɵɵnextContext();
26+
const ɵ$index_1_r3 = ctx_r20.$index;
27+
const ɵ$count_1_r5 = ctx_r20.$count;
28+
const ctx_r6 = $r3$.ɵɵnextContext();
29+
$r3$.ɵɵtextInterpolate4(" Inner vars: ", $index_r8 % 2 !== 0, " ", $index_r8 % 2 === 0, " ", $index_r8 === 0, " ", $index_r8 === $count_r10 - 1, " ");
30+
$r3$.ɵɵadvance(2);
31+
$r3$.ɵɵtextInterpolate4(" Outer vars: ", ɵ$index_1_r3 % 2 !== 0, " ", ɵ$index_1_r3 % 2 === 0, " ", ɵ$index_1_r3 === 0, " ", ɵ$index_1_r3 === ɵ$count_1_r5 - 1, " ");
32+
$r3$.ɵɵadvance(1);
33+
$r3$.ɵɵrepeater(ctx_r6.items);
34+
}
35+
}
36+
…
37+
function MyApp_For_1_Template(rf, ctx) {
38+
…
39+
if (rf & 2) {
40+
const $index_r2 = ctx.$index;
41+
const $count_r4 = ctx.$count;
42+
const ctx_r0 = $r3$.ɵɵnextContext();
43+
$r3$.ɵɵtextInterpolate4(" Outer vars: ", $index_r2 % 2 !== 0, " ", $index_r2 % 2 === 0, " ", $index_r2 === 0, " ", $index_r2 === $count_r4 - 1, " ");
44+
$r3$.ɵɵadvance(1);
45+
$r3$.ɵɵrepeater(ctx_r0.items);
46+
}
47+
}
48+
…
49+
function MyApp_Template(rf, ctx) {
50+
if (rf & 1) {
51+
$r3$.ɵɵrepeaterCreate(0, MyApp_For_1_Template, 3, 4, null, null, $r3$.ɵɵrepeaterTrackByIdentity);
52+
}
53+
if (rf & 2) {
54+
$r3$.ɵɵrepeater(ctx.items);
55+
}
56+
}

‎packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_control_flow/nested_for_listener_computed_template_variables.ts‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
import {Component} from '@angular/core';
2+
3+
@Component({
4+
template: `
5+
@for (outer of items; track outer; let outerOdd = $odd, outerEven = $even, outerFirst = $first, outerLast = $last) {
6+
<button (click)="outerCb(outerOdd, outerEven, outerFirst, outerLast)"></button>
7+
8+
@for (inner of items; track inner; let innerOdd = $odd, innerEven = $even, innerFirst = $first, innerLast = $last) {
9+
<button (click)="innerCb(innerOdd, innerEven, innerFirst, innerLast)"></button>
10+
<button (click)="outerCb(outerOdd, outerEven, outerFirst, outerLast)"></button>
11+
12+
@for (innermost of items; track innermost; let innermostOdd = $odd, innermostEven = $even, innermostFirst = $first, innermostLast = $last) {
13+
<button (click)="innermostCb(innermostOdd, innermostEven, innermostFirst, innermostLast)"></button>
14+
<button (click)="innerCb(innerOdd, innerEven, innerFirst, innerLast)"></button>
15+
<button (click)="outerCb(outerOdd, outerEven, outerFirst, outerLast)"></button>
16+
}
17+
}
18+
}
19+
`,
20+
})
21+
export class MyApp {
22+
items = [];
23+
24+
outerCb(...args: unknown[]) {}
25+
innerCb(...args: unknown[]) {}
26+
innermostCb(...args: unknown[]) {}
27+
}

‎packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_control_flow/nested_for_listener_computed_template_variables_template.js‎

Lines changed: 95 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,95 @@
1+
function MyApp_For_1_For_2_For_3_Template(rf, ctx) {
2+
if (rf & 1) {
3+
const _r19 = $r3$.ɵɵgetCurrentView();
4+
$r3$.ɵɵelementStart(0, "button", 0);
5+
$r3$.ɵɵlistener("click", function MyApp_For_1_For_2_For_3_Template_button_click_0_listener() {
6+
const restoredCtx = $r3$.ɵɵrestoreView(_r19);
7+
const $index_r14 = restoredCtx.$index;
8+
const $count_r16 = restoredCtx.$count;
9+
const ctx_r18 = $r3$.ɵɵnextContext(3);
10+
return $r3$.ɵɵresetView(ctx_r18.innermostCb($index_r14 % 2 !== 0, $index_r14 % 2 === 0, $index_r14 === 0, $index_r14 === $count_r16 - 1));
11+
});
12+
$r3$.ɵɵelementEnd();
13+
$r3$.ɵɵelementStart(1, "button", 0);
14+
$r3$.ɵɵlistener("click", function MyApp_For_1_For_2_For_3_Template_button_click_1_listener() {
15+
$r3$.ɵɵrestoreView(_r19);
16+
const ctx_r21 = $r3$.ɵɵnextContext();
17+
const ɵ$index_2_r9 = ctx_r21.$index;
18+
const ɵ$count_2_r11 = ctx_r21.$count;
19+
const ctx_r20 = $r3$.ɵɵnextContext(2);
20+
return $r3$.ɵɵresetView(ctx_r20.innerCb(ɵ$index_2_r9 % 2 !== 0, ɵ$index_2_r9 % 2 === 0, ɵ$index_2_r9 === 0, ɵ$index_2_r9 === ɵ$count_2_r11 - 1));
21+
});
22+
$r3$.ɵɵelementEnd();
23+
$r3$.ɵɵelementStart(2, "button", 0);
24+
$r3$.ɵɵlistener("click", function MyApp_For_1_For_2_For_3_Template_button_click_2_listener() {
25+
$r3$.ɵɵrestoreView(_r19);
26+
const ctx_r23 = $r3$.ɵɵnextContext(2);
27+
const ɵ$index_1_r3 = ctx_r23.$index;
28+
const ɵ$count_1_r5 = ctx_r23.$count;
29+
const ctx_r22 = $r3$.ɵɵnextContext();
30+
return $r3$.ɵɵresetView(ctx_r22.outerCb(ɵ$index_1_r3 % 2 !== 0, ɵ$index_1_r3 % 2 === 0, ɵ$index_1_r3 === 0, ɵ$index_1_r3 === ɵ$count_1_r5 - 1));
31+
});
32+
$r3$.ɵɵelementEnd();
33+
}
34+
}
35+
…
36+
function MyApp_For_1_For_2_Template(rf, ctx) {
37+
if (rf & 1) {
38+
const _r25 = $r3$.ɵɵgetCurrentView();
39+
$r3$.ɵɵelementStart(0, "button", 0);
40+
$r3$.ɵɵlistener("click", function MyApp_For_1_For_2_Template_button_click_0_listener() {
41+
const restoredCtx = $r3$.ɵɵrestoreView(_r25);
42+
const $index_r8 = restoredCtx.$index;
43+
const $count_r10 = restoredCtx.$count;
44+
const ctx_r24 = $r3$.ɵɵnextContext(2);
45+
return $r3$.ɵɵresetView(ctx_r24.innerCb($index_r8 % 2 !== 0, $index_r8 % 2 === 0, $index_r8 === 0, $index_r8 === $count_r10 - 1));
46+
});
47+
$r3$.ɵɵelementEnd();
48+
$r3$.ɵɵelementStart(1, "button", 0);
49+
$r3$.ɵɵlistener("click", function MyApp_For_1_For_2_Template_button_click_1_listener() {
50+
$r3$.ɵɵrestoreView(_r25);
51+
const ctx_r27 = $r3$.ɵɵnextContext();
52+
const ɵ$index_1_r3 = ctx_r27.$index;
53+
const ɵ$count_1_r5 = ctx_r27.$count;
54+
const ctx_r26 = $r3$.ɵɵnextContext();
55+
return $r3$.ɵɵresetView(ctx_r26.outerCb(ɵ$index_1_r3 % 2 !== 0, ɵ$index_1_r3 % 2 === 0, ɵ$index_1_r3 === 0, ɵ$index_1_r3 === ɵ$count_1_r5 - 1));
56+
});
57+
$r3$.ɵɵelementEnd();
58+
$r3$.ɵɵrepeaterCreate(2, MyApp_For_1_For_2_For_3_Template, 3, 0, null, null, $r3$.ɵɵrepeaterTrackByIdentity);
59+
}
60+
if (rf & 2) {
61+
const ctx_r6 = $r3$.ɵɵnextContext(2);
62+
$r3$.ɵɵadvance(2);
63+
$r3$.ɵɵrepeater(ctx_r6.items);
64+
}
65+
}
66+
…
67+
function MyApp_For_1_Template(rf, ctx) {
68+
if (rf & 1) {
69+
const _r29 = $r3$.ɵɵgetCurrentView();
70+
$r3$.ɵɵelementStart(0, "button", 0);
71+
$r3$.ɵɵlistener("click", function MyApp_For_1_Template_button_click_0_listener() {
72+
const restoredCtx = $r3$.ɵɵrestoreView(_r29);
73+
const $index_r2 = restoredCtx.$index;
74+
const $count_r4 = restoredCtx.$count;
75+
const ctx_r28 = $r3$.ɵɵnextContext();
76+
return $r3$.ɵɵresetView(ctx_r28.outerCb($index_r2 % 2 !== 0, $index_r2 % 2 === 0, $index_r2 === 0, $index_r2 === $count_r4 - 1));
77+
});
78+
$r3$.ɵɵelementEnd();
79+
$r3$.ɵɵrepeaterCreate(1, MyApp_For_1_For_2_Template, 4, 0, null, null, $r3$.ɵɵrepeaterTrackByIdentity);
80+
}
81+
if (rf & 2) {
82+
const ctx_r0 = $r3$.ɵɵnextContext();
83+
$r3$.ɵɵadvance(1);
84+
$r3$.ɵɵrepeater(ctx_r0.items);
85+
}
86+
}
87+
…
88+
function MyApp_Template(rf, ctx) {
89+
if (rf & 1) {
90+
$r3$.ɵɵrepeaterCreate(0, MyApp_For_1_Template, 3, 0, null, null, $r3$.ɵɵrepeaterTrackByIdentity);
91+
}
92+
if (rf & 2) {
93+
$r3$.ɵɵrepeater(ctx.items);
94+
}
95+
}

0 commit comments

Comments
 (0)