block41.ts

@Component({
  selector: 'app-parent',
  template: `
    <my-i [iHuman]="pHuman"></my-i>
    <button (click)="incrId()">Incr. Id</button>
    <button (click)="chgName()">Change Name</button>
  `
})
export class PComponent{
  pHuman:any = {
    id:0,
    name: "Nnamdi"
  }
  incrId(){
    const id = this.pHuman.id + 1
    this.pHuman = {...this.pHuman, id}
  }
  chgName(){
    const name = "Chidume"
    this.pHuman = {...this.pHuman, name}
  }
}