Angular - How use 'as FormArray' in formArray.controls: AbstractControl[]

Question

I have a function that returns the controls of a FormArray:

getFormFControls() {
    return this.form.get('opts') ? (<FormArray>this.formQuestions.get('opts')).controls : null;
}

But when running the Lint check, I get this error:

Type assertion using the '<>' syntax is forbidden. Use the 'as' syntax instead.

I tried many ways to solve this problem, but I can't find a solution when it's a FormArray.controls: AbstractControl[].

Can someone help me?

Tried to remove the and add the 'as FormArray' at the end, but I get an error.

I need to solve this without putting comment to ignore lint in the line

Andrew Allen · Accepted Answer · 2022-11-04 19:11:03Z

1

Your error is trying to tell you to change this:

(<FormArray>this.formQuestions.get('opts')).controls : null;

to this:

(this.formQuestions.get('opts') as FormArray).controls : null;

They are equivalent but the first has fallen out of use as it gets confused with JSX.

answered Nov 4, 2022 at 19:11

Andrew Allen

8,1917 gold badges38 silver badges82 bronze badges

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

1 Answer 1