diff --git a/content/2-templating/6-conditional/angular/trafficlight.component.ts b/content/2-templating/6-conditional/angular/trafficlight.component.ts
index 4235ad45..9c5e18b3 100644
--- a/content/2-templating/6-conditional/angular/trafficlight.component.ts
+++ b/content/2-templating/6-conditional/angular/trafficlight.component.ts
@@ -9,11 +9,17 @@ const TRAFFIC_LIGHTS = ["red", "orange", "green"];
     <p>Light is: {{ light }}</p>
     <p>
       You must
-      <ng-container [ngSwitch]="light">
-        <span *ngSwitchCase="'red'">STOP</span>
-        <span *ngSwitchCase="'orange'">SLOW DOWN</span>
-        <span *ngSwitchCase="'green'">GO</span>
-      </ng-container>
+      @switch (light) {
+        @case("red") {
+          <span>STOP</span>
+          }
+        @case("orange") {
+          <span>SLOW DOWN</span>
+          }
+        @case("green") {
+          <span>GO</span>
+          }
+        }
     </p>
   `,
 })