Set Form Control Error - Error Name is a Variable

Question

    private static addFieldError(form: FormGroup, fieldName: string, errorName: string) {
         form.controls[fieldName].setErrors({errorName: true});
         form.controls[fieldName].markAsTouched();
    }

Here setErrors is not as I would expect. This will set an error to the field with value: {errorName: true}

I would like to use the errorName: string parameter of the function addFieldError as the key of the object I am adding to error collection, and not using key 'errorName' itelf.

How can achieve that?

Great! You can turn this into an answer with some explanation. It solves the problem. — DDan
– DDan, Commented Jan 11, 2020 at 22:28

Joy Biswas · Accepted Answer · 2020-01-12 21:26:41Z

3

All you need to do is output the variable value as a key name.

In your code the object key is errorName as string

setErrors({errorName: true})

But instead errorName is a variable to you and the value of this variable needs to be set as key name for the object computed.

setErrors({[errorName]: true})

This is an ES6 feature where you can get the key name computed from a variable.

Check Computed property names under Object initializer

answered Jan 12, 2020 at 21:26

Joy Biswas

6,5531 gold badge27 silver badges50 bronze badges

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

Collectives™ on Stack Overflow

Set Form Control Error - Error Name is a Variable

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