javascript - 设置表单控制错误 - 错误名称是变量

Question

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

这里setErrors并不像我想象的那样。这将为具有值的字段设置错误:{errorName: true}

我想使用函数 addFieldError 的 errorName: string 参数作为我要添加到错误集合中的对象的键，而不是使用键“errorName” ' 本身。

如何实现这一目标？

Answer 1

您所需要做的就是将变量值作为键名称输出。

在您的代码中，对象键是 errorName 作为字符串

setErrors({errorName: true})

但是 errorName 对您来说是一个变量，并且需要将该变量的值设置为计算对象的键名称。

setErrors({[errorName]: true})

这是 ES6 的一项功能，您可以通过变量计算出键名。

检查 Object initializer 下的计算属性名称