Untitled

@Component({
  selector: 'app-userA',
  template: `{{ user.name }}
  <button (click)="changeName()"></button>`,
})
export class UserComponentA {
  @Input() user!: { name: string };

  changeName(){
    user.name='Ali'
  }
}

/////////////////////

@Component({
  selector: 'app-userB',
 emplate: `{{ user.name }}
  <button (click)="changeName()"></button>`,
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class UserComponentB {
  @Input() user!: { name: string };

  changeName(){
    user.name='Ali'
  }
}