How to use getter and setter methods in setting angular reactive form values for post

Question

I am having the below code part.

    ngOnInit(): void {
        this.form = this.formBuilder.group({
            apiCodesFile: ['']
        });
    }

    public onFileSelect(event) {
        if (event.target.files.length > 0) {
            this.isFileSelected = true;
            const file = event.target.files[0];
            this.form.get('apiCodesFile').setValue(file);
        } else {
            this.isFileSelected = false;
        }
    }

But I need to use get/set methods to set the form value for the formControl 'apiCodesFile' rather than setting it inside 'onFileSelect' method.

I added the below code parts. But it gave an error.

    set apiCodesFile (val) {
        this.form.get('apiCodesFile').setValue(val);
    }

    public onFileSelect(event) {
        if (event.target.files.length > 0) {
            this.isFileSelected = true;
            const file = event.target.files[0];
            this.apiCodesFile(file);
        } else {
            this.isFileSelected = false;
        }
    }

Error:

ERROR TypeError: this.apiCodesFile is not a function

Please give me a solution for this.

Does this answer your question? Accessors: setter does not work — Yong Shun
– Yong Shun, Commented Oct 4, 2021 at 5:52
If you use setter, you need to apply this.apiCodesFile = "value" to set value. — Yong Shun
– Yong Shun, Commented Oct 4, 2021 at 6:16
Use patchValue to set the value. Check this Patch_Value_Example — Venkatesh K
– Venkatesh K, Commented Oct 4, 2021 at 19:00

Aman Gojariya · Accepted Answer · 2021-10-04 05:47:23Z

2

Please try using below code

apiCodesFile (val) {
   this.form.get('apiCodesFile').setValue(val);
}

Remove the set from apiCodesFile Function

answered Oct 4, 2021 at 5:47

Aman Gojariya

1,5031 gold badge12 silver badges24 bronze badges

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

Collectives™ on Stack Overflow

How to use getter and setter methods in setting angular reactive form values for post

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related