如何通过 Angular 在 JSON 文件中使用变量？答案

【问题标题】：How to use variable inside JSON file via Angular?如何通过 Angular 在 JSON 文件中使用变量？
【发布时间】：2020-07-26 08:18:48
【问题描述】：

我想将${field.formControl.value} 的值分配给我的JSON 对象内的变量{{fieldName}}。这是我的 JSON 对象：

{
    "sectionA": {
        "error": {
            "allZeros": "All Zero's not allowed.",
            "required": "{{fieldName}} is required.",
                        "patternErrors": {
                "userAccountFirstName": "{{fieldName}} Invalid Name. Please enter [A-Z a-z]",
                "userAccountLastName": "{{fieldName}} Invalid Lastname. Please enter [A-Z a-z]",
            }
        }
    }
}

我正在使用ngx-formly 来构建动态表单，我想显示基于动态语言的错误。如何为 JSON 中的 {{fieldName}} 赋值？

这是我制作动态形式对象的方法。

控制来自forEach循环fields.forEach(control,index)

myObject =
{
    'key': control.name,
    'type': 'input',
    'templateOptions':
    {
        'label': control.label,
        'pattern': control.validation.pattern,
        'required': true
    }
            'validation':
    {
        'required': (error, field: FormlyFieldConfig) => `${field.templateOptions.label} ${myJSONresponse.error.required}`,
        'pattern': (error, field: FormlyFieldConfig) => `"${field.formControl.value}" ${myJSONresponse.error.patternErrors[control.name]}`,
    }
}

【问题讨论】：

你是不是漏掉了引号？ [检查两行] 'required': (error, field: FormlyFieldConfig) => ${field.templateOptions.label} ${myJSONresponse.error.required}, 'pattern': (error, field: FormlyFieldConfig) => "${field.formControl.value}" ${myJSONresponse.error.patternErrors[control.name]},
不，是正确的。

标签： javascript json angular typescript ngx-formly

【解决方案1】：

好的，我是这样理解的：通过 translate.stream('MY_PATH', {fieldName: field.templateOptions.label })

 validation:
          {
            messages:
            {
              required: (error, field: FormlyFieldConfig) => this.translate.stream('sectionA.error.required', {fieldName: field.templateOptions.label}),

            }
          },

以类似的方式，您可以传递任意数量的参数。

【讨论】：