Avoid adding colon for track in 3rd expression of for blocks (#15887)

sosukesuzuki · web-flow · commit 06c7e52da6dc · 2024-01-08T15:20:06.000+09:00
diff --git a/changelog_unreleased/angular/15887.md b/changelog_unreleased/angular/15887.md
@@ -0,0 +1,13 @@
+#### Avoid adding colon for `track` in 3rd expression of `for` blocks (#15887 by @sosukesuzuki)
+
+<!-- prettier-ignore -->
+```html
+<!-- Input -->
+@for (item of items; let i = $index; track block) {}
+
+<!-- Prettier stable -->
+@for (item of items; let i = $index; track: block) {}
+
+<!-- Prettier main -->
+@for (item of items; let i = $index; track block) {}
+```
diff --git a/src/language-js/print/angular.js b/src/language-js/print/angular.js
@@ -66,7 +66,7 @@ function printAngular(path, options, print) {
           (node.key.name === "then" ||
             node.key.name === "else" ||
             node.key.name === "as")) ||
-          (index === 2 &&
+          ((index === 2 || index === 3) &&
             ((node.key.name === "else" &&
               parent.body[index - 1].type === "NGMicrosyntaxKeyedExpression" &&
               parent.body[index - 1].key.name === "then") ||
diff --git a/tests/format/angular/control-flow/__snapshots__/jsfmt.spec.js.snap b/tests/format/angular/control-flow/__snapshots__/jsfmt.spec.js.snap
@@ -285,6 +285,12 @@ item of
   <div *ngFor="item of items; track item"></div>
 </div>
 
+<div>
+  @for (item of items; let i = $index; track block) {}
+
+  <div *ngFor="item of items; let i = $index; track block"></div>
+</div>
+
 =====================================output=====================================
 <ul>
   @for (let item of items; index as i; trackBy: trackByFn) {
@@ -332,6 +338,12 @@ item of
   <div *ngFor="item of items; track item"></div>
 </div>
 
+<div>
+  @for (item of items; let i = $index; track block) {}
+
+  <div *ngFor="item of items; let i = $index; track block"></div>
+</div>
+
 ================================================================================
 `;
 
diff --git a/tests/format/angular/control-flow/for.html b/tests/format/angular/control-flow/for.html
@@ -52,3 +52,9 @@
 
   <div *ngFor="item of items; track item"></div>
 </div>
+
+<div>
+  @for (item of items; let i = $index; track block) {}
+
+  <div *ngFor="item of items; let i = $index; track block"></div>
+</div>
