From 50fa04a83c580074e256e096c3d8cf432576835c Mon Sep 17 00:00:00 2001
From: Mathieu Schimmerling <mathieu.schimmerling@protonmail.com>
Date: Fri, 9 Feb 2024 09:11:30 +0100
Subject: [PATCH] Revert "Update trafficlight.component.ts for Angular 17
 (#214)"

This reverts commit dadc9ed19444d50a5ace9fdd85cf01fd64d7983a.
---
 .../angular/trafficlight.component.ts            | 16 +++++-----------
 1 file changed, 5 insertions(+), 11 deletions(-)

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