diff --git a/apps/angular/57-content-projection-default/src/app/app.component.ts b/apps/angular/57-content-projection-default/src/app/app.component.ts
index b3e370a34..1de883e4e 100644
--- a/apps/angular/57-content-projection-default/src/app/app.component.ts
+++ b/apps/angular/57-content-projection-default/src/app/app.component.ts
@@ -1,16 +1,30 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
+import {
+  ChangeDetectionStrategy,
+  Component,
+  CUSTOM_ELEMENTS_SCHEMA,
+  signal,
+} from '@angular/core';
 import { CardComponent } from './card.component';
 
 @Component({
   imports: [CardComponent],
   selector: 'app-root',
   template: `
-    <app-card title="Titre 1" message="Message1" />
-    <app-card title="Titre 2" />
+    <app-card>
+      <card-title>{{ title1() }}</card-title>
+      <card-message>Message1</card-message>
+    </app-card>
+    <app-card>
+      <card-title>{{ title2() }}</card-title>
+    </app-card>
   `,
   host: {
     class: 'p-4 block flex flex-col gap-1',
   },
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class AppComponent {}
+export class AppComponent {
+  title1 = signal('Titre 1');
+  title2 = signal('Titre 2');
+}
diff --git a/apps/angular/57-content-projection-default/src/app/card.component.ts b/apps/angular/57-content-projection-default/src/app/card.component.ts
index 851a6619d..20db0925b 100644
--- a/apps/angular/57-content-projection-default/src/app/card.component.ts
+++ b/apps/angular/57-content-projection-default/src/app/card.component.ts
@@ -1,22 +1,16 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
 
 @Component({
   selector: 'app-card',
-  imports: [],
   template: `
-    <div>{{ title() }}</div>
-    @if (message()) {
-      <div>{{ message() }}</div>
-    } @else {
+    <ng-content select="card-title"></ng-content>
+    <ng-content select="card-message">
       <div>Aucun message</div>
-    }
+    </ng-content>
   `,
   changeDetection: ChangeDetectionStrategy.OnPush,
   host: {
     class: 'p-4 border border-grey rounded-sm flex flex-col w-[200px]',
   },
 })
-export class CardComponent {
-  title = input.required<string>();
-  message = input<string | undefined>(undefined);
-}
+export class CardComponent {}