Angular. Form Model Validation

Question

I'm trying to follow an example from Adam Freeman's book on Angular and now stuck with Using a Form Model for Validation.

I have a similar issue as in Angular Typescript FormGroup assigning value after submit.

However, the accepted answer in that post didn't actually help me, because I got another error message: "Type 'any' is not assignable to type 'never'.ts(2322)".

So, I have an object of class Product:

export class Product {
    constructor(public id?: number,
    public name?: string,
    public category?: string,
    public price?: number) {}
}

In the form class I'm trying to do the following:

Why does TS state: this.newProduct[c] is of type 'never'? And how do I make it work?

If you give us code instead of images, or even a minimal reproduction on Stackblitz it is easier to see what is wrong and help you. — H3AR7B3A7
– H3AR7B3A7, Commented May 14, 2022 at 17:58
If the answer sufficiently addressed your question and/or solved your problem, please consider also accepting it. Thank you, take care and have fun on SO. — H3AR7B3A7
– H3AR7B3A7, Commented May 31, 2022 at 22:16

H3AR7B3A7 · Accepted Answer · 2022-05-14 19:03:25Z

1

Why are you looking for the values looping over the controls?

You should be able to just do this:

const newProduct = formGroup.value

If not, either you built up your form wrong, or your model isn't right.

But if you can loop over the keys and assign them to your newProduct class member (which you do not need) it looks to me like just assigning the forms value property should work fine. I think you're over complicating things.

By not having the newProduct class member you do not need to concern yourself with creating a new Product after you submit the form. That is what the reset on the formgroup is for.

Why you are flipping a boolean 'formSubmitted' is also unclear to me, when you set it to true, you are actually not sure if you actually did submit it. You can't be sure until you make the actual call. And u immediately set it to false again, even when the call were to fail.

edited May 14, 2022 at 19:03

answered May 14, 2022 at 17:56

H3AR7B3A7

5,3593 gold badges22 silver badges42 bronze badges

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

Comments

Tu Nguyen · Accepted Answer · 2022-05-14 15:44:38Z

0

this.newProduct[c] makes no sense to me, what exactly are you trying to achieve here? Product is a class and you're using it like an array, hence it being of type never.

answered May 14, 2022 at 15:44

Tu Nguyen

1741 silver badge7 bronze badges

1 Comment

S. Neuer Over a year ago

Make sense when using Object.keys()

Collectives™ on Stack Overflow

Angular. Form Model Validation

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related