Component: Card

[BenoitPE]

Describe the bug

Given a card with style like so:

<p-card [style]="cardStyle">
</p-card>

When updating style:

  cardStyle = { background: 'lightblue' };

  ngAfterViewInit(): void {
      this.cardStyle = { background: 'red' };
  }

Style is not updating on the card

Environment

Using Angular 17 and PrimeNG in 17.10.0 version.

Reproducer

No response

Angular version

17.2.2

PrimeNG version

17.10.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

21.4.0

Browser(s)

Chrome

Steps to reproduce the behavior

No response

Expected behavior

No response

[RemiPeruto]

Hello @BenoitPE
I investigated a bit and I found that in the card component you are not allowed to do such modifications because of the Change detection strategy is set to onPush. https://angular.io/api/core/ChangeDetectionStrategy

I propose a modification to allow the Default Change Detection Strategy but it is a breaking change in the card component.