diff --git a/docs/en/tutorials/microservice/part-06.md b/docs/en/tutorials/microservice/part-06.md
index bf54602936..a694631979 100644
--- a/docs/en/tutorials/microservice/part-06.md
+++ b/docs/en/tutorials/microservice/part-06.md
@@ -314,11 +314,13 @@ Open the `order.component.html` file (the `order.component.html` file under the
                     <th>Product Name</th>
                     <th>Customer Name</th>
                 </tr>
-                <tr *ngFor="let item of items">
-                    <td>{%{{{item.id}}}%}</td>
-                    <td>{%{{{item.productName}}}%}</td>
-                    <td>{%{{{item.customerName}}}%}</td>
-                </tr>
+                @for (item of items; track item.id) {
+                    <tr>
+                        <td>{%{{{item.id}}}%}</td>
+                        <td>{%{{{item.productName}}}%}</td>
+                        <td>{%{{{item.customerName}}}%}</td>
+                    </tr>
+                }
             </thead>
         </table>
     </div>