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 {}