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

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) {}
+```

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") ||

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>
+
 ================================================================================
 `;
 

tests/format/angular/control-flow/for.html

@@ -52,3 +52,9 @@ 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>