diff --git a/content/2-templating/3-loop/angular/colors.component.ts b/content/2-templating/3-loop/angular/colors.component.ts
index ec438d37..c3347666 100644
--- a/content/2-templating/3-loop/angular/colors.component.ts
+++ b/content/2-templating/3-loop/angular/colors.component.ts
@@ -4,7 +4,9 @@ import { Component } from "@angular/core";
   selector: "app-colors",
   template: `
     <ul>
-      <li *ngFor="let color of colors">{{ color }}</li>
+      @for (color of colors) {
+        <li>{{ color }}</li>
+      }
     </ul>
   `,
 })