Ragazzi, ho un problema che mi fa saltare dalla sedia! In un componente Angular (versione 16), quando aggiungo oggetti a un array con .push(), la UI non si aggiorna. Ho già provato a usare la spread syntax per reimpostare l'array (tipo this.items = [...this.items]), ma funziona solo a volte. Ecco il codice:
```typescript
export class ListComponent {
items: Item[] = [];
addItem(newItem: Item) {
this.items.push(newItem);
// Tentativo fallito: this.items = [...this.items];
}
}
```
Nel template uso *ngFor="let item of items". La ChangeDetectionStrategy è impostata su Default. Ho notato che l'aggiornamento avviene solo dopo eventi come click o timeout. Qualcuno ha affrontato questo casotto? Suggerimenti concreti per forzare il refresh della view senza ricorrere a ChangeDetectorRef manuale ogni volta?
```typescript
export class ListComponent {
items: Item[] = [];
addItem(newItem: Item) {
this.items.push(newItem);
// Tentativo fallito: this.items = [...this.items];
}
}
```
Nel template uso *ngFor="let item of items". La ChangeDetectionStrategy è impostata su Default. Ho notato che l'aggiornamento avviene solo dopo eventi come click o timeout. Qualcuno ha affrontato questo casotto? Suggerimenti concreti per forzare il refresh della view senza ricorrere a ChangeDetectorRef manuale ogni volta?