typescript - How to update an item of a list with angular

Question

I'm trying to update a model of type 'SomeModel' in a list of elements of type SomeModel[]

I'm trying to point to the object needed as follow:

onChange(args: SomeModel): void {
  let element: SomeModel = this.elements.find(e => e.name === args.name);
  console.log(element) // <-- this prints the right object from the list
  element = JSON.parse(JSON.stringify(args)); // <-- isn't working

}

What I'm doing wrong?

Answer 1

Try with:

onChange(args: SomeModel): void {
  this.elements = this.elements.map(e => {
    if (e.name === args.name){
      return args;
     } 
    return e;
   })
}