update: use new control flow syntax instead

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">
+                @for (item of items; track item.id) {
-                    <td>{%{{{item.id}}}%}</td>
+                    <tr>
-                    <td>{%{{{item.productName}}}%}</td>
+                        <td>{%{{{item.id}}}%}</td>
-                    <td>{%{{{item.customerName}}}%}</td>
+                        <td>{%{{{item.productName}}}%}</td>
-                </tr>
+                        <td>{%{{{item.customerName}}}%}</td>
+                    </tr>
+                }
             </thead>
         </table>
     </div>