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..c03123e82 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
@@ -2,11 +2,16 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
import { CardComponent } from './card.component';
@Component({
- imports: [CardComponent],
selector: 'app-root',
+ imports: [CardComponent],
template: `
-
-
+
+ Titre 1
+ Message1
+
+
+ Titre 2
+
`,
host: {
class: 'p-4 block flex flex-col gap-1',
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..b55bafdfe 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: `
-
{{ title() }}
- @if (message()) {
- {{ message() }}
- } @else {
+
+
Aucun message
- }
+
`,
changeDetection: ChangeDetectionStrategy.OnPush,
host: {
class: 'p-4 border border-grey rounded-sm flex flex-col w-[200px]',
},
})
-export class CardComponent {
- title = input.required();
- message = input(undefined);
-}
+export class CardComponent {}