首页 > 解决方案 > Angular-Formly - 访问具有包含点(。)键名的计算字段的模型名称

问题描述

我有一个带有 3 个字段的配置 json,第 3 个字段是根据前 2 个字段中的数据计算得出的字段。现在这里的问题是我在他们的键名中有点(。)。例如“something.someone” 当我尝试渲染表单时,我得到一个显示未定义的错误。我的 config_json :

{
"fieldGroupClassName": "row",
"fieldGroup": [
{
            "className": "col-2",
            "key": "remarks_backflow.bed",
            "type": "input",
            "templateOptions": {
              "type": "number",
              "label": "Bed",
              "placeholder": "",
              "required": true
            }
          },
{
            "className": "col-2",
            "key": "remarks_backflow.gas",
            "type": "input",
            "templateOptions": {
              "type": "number",
              "label": "Gas",
              "placeholder": "",
              "required": true
            }
          },
{
            "className": "col-2",
            "key": "remarks_backflow.diff",
            "type": "input",
            "templateOptions": {
              "type": "number",
              "label": "Difference",
              "placeholder": "",
              "required": true
            },
            "expressionProperties": {
              "model['remarks_backflow.diff']":"model['remarks_backflow.bed'] - model['remarks_backflow.gas']"
            }
          },
]
}

错误是:FormBuilderComponent.html:24 ERROR TypeError: [Formly Error] [Expression "model['pushin_temperature.kiln_id']"] Cannot set property 'kiln_id']' of undefined 在此处输入图像描述

提前致谢!

标签: javascriptangularangular8angular-formlyngx-formly

解决方案


上述问题已在 ngx-formly 的 github 线程和相同的链接中得到澄清和解决: ngx-formly github


推荐阅读