How to update input value in the same component in angular

Question

Trying to update input value in the same component but not able to update.Getting error like

ERROR
Error: Cannot read properties of undefined (reading 'pop')

So, How to resolve this issue?

table.component.ts:

export class TableComponent implements OnInit {
@Input() names: any;

constructor() {}

ngOnInit() {}

testFn() {
  this.names.pop('Test22');
  this.names = [...this.names];
  console.log(this.names);
}

}

Demo : https://stackblitz.com/edit/angular-pass-table-data-to-input-property-dlsufy?file=src%2Fapp%2Ftable%2Ftable.component.ts

Satsangpriyadas Swami · Accepted Answer · 2022-11-27 04:26:06Z

1

Jay Swaminarayan!

You are doing it slightly wrong while passing the Component Reference.

In ChangeComponent, it is not referencing the table component properly. In AppComponent HTML the table component must be passed as reference input to the changecomponent.

You may look at this corrected code

https://stackblitz.com/edit/angular-pass-table-data-to-input-property-2ehcxs?file=src%2Fapp%2Ftable%2Ftable.component.html,src%2Fapp%2Ftable%2Ftable.component.ts,src%2Fapp%2Fapp.component.html,src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fchange%2Fchange.component.html,src%2Fapp%2Fchange%2Fchange.component.ts,src%2Fapp%2Ftable%2Ftable.component.css

answered Nov 27, 2022 at 4:26

Satsangpriyadas Swami

2373 silver badges5 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to update input value in the same component in angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related