Angular Forms Patch Value With Different Field Name

Question

I want to patch a form with slightly different field name. Is this possible in Angular?
Example: suppose this is my student.ts class.

export class Student {
   id: number;
   BIValueTerm: number;
}

I want to patch my formgroup with a student object. my formgroup looks like this:


// const student = ... ; student object

const studentForm = new FormGroup({
   id: new FormControl(''),
   bivalueTerm: new FormControl('')
});

studentForm.patchValue(student);

now the problem is, studentForm properly patches the id field but not bivalueTerm field. Is there any way I can also patch it?

problem is with exported class "Student". Make sure key "bivalueTerm" is the same as "BIValueTerm". Either use "bivalueTerm" in Student class or "BIValueTerm" as from element then only it will assign properly — Biswajit Patra
– Biswajit Patra, Commented Mar 17, 2020 at 7:08
or else you can use studentForm.patchValue({id: student.id, bivalueTerm: student. BIValueTerm}) — Biswajit Patra
– Biswajit Patra, Commented Mar 17, 2020 at 7:12

Biswajit Patra · Accepted Answer · 2020-03-17 07:16:24Z

1

Two way to do get an appropriate result is solution 1:

export class Student {
   id: number;
   bivalueTerm: number;
}

Solution 2:

studentForm.patchValue(
  {
   id: student.id, 
   bivalueTerm: student.BIValueTerm
  }
)

answered Mar 17, 2020 at 7:16

Biswajit Patra

1011 gold badge2 silver badges11 bronze badges

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

3 Comments

Imtiaz Shakil Siddique Over a year ago

yes, both the approaches would work, but that doesn't answer my question. I want to know if I can patch it by changing Patch configuration such that the keys are matched case insensitively.

Biswajit Patra Over a year ago

No to my knowledge, it is not possible.

Imtiaz Shakil Siddique Over a year ago

I marked your answer as correct, as I found it no other way other than you mentioned.

Collectives™ on Stack Overflow

Angular Forms Patch Value With Different Field Name

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related