【问题标题】:How to use getter and setter methods in setting angular reactive form values for post如何使用 getter 和 setter 方法为 post 设置角度反应形式值
【发布时间】:2021-11-24 14:32:29
【问题描述】:

我有以下代码部分。

    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;
        }
    }

但我需要使用 get/set 方法为 formControl 'apiCodesFile' 设置表单值,而不是在 'onFileSelect' 方法中设置它。

我添加了以下代码部分。但它给出了一个错误。

    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 TypeError: this.apiCodesFile is not a function

请给我一个解决方案。

【问题讨论】:

标签: angular typescript angular-reactive-forms


【解决方案1】:

请尝试使用以下代码

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

从 apiCodesFile 函数中删除集合

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-11-17
    • 1970-01-01
    • 2020-04-03
    • 2019-08-29
    • 2023-04-10
    • 1970-01-01
    • 1970-01-01
    • 2011-04-14
    相关资源
    最近更新 更多