FormIO - 基于另一个文本字段的输入数据的文本字段动态标签

Question

在我的表单中，我有 2 个文本字段，根据输入字段 1 的用户输入，第二个字段的 label 应该更改。 Input 1 label: Name Input 2 label: User, Please enter your age

现在，当用户输入姓名 John 时，Label 2 应从“用户，请输入您的年龄”更改为“John，请输入您的年龄”。

`

{
  "title": "Page 1",
  "label": "Page 1",
  "type": "panel",
  "key": "page1",
  "components": [
    {
      "label": "Name",
      "key": "name",
      "type": "textfield",
      "input": true,
      "tableView": true
    },
    {
      "label": "{{ row.name}}, Please enter your age",
      "redrawOn": "name",
      "key": "age",
      "type": "textfield",
      "input": true,
      "tableView": true
    }
  ],
  "input": false,
  "tableView": false
}

`

如果我将 label 设置为“{{row.name}}，请输入您的年龄”，最初加载表单时名称字段中不会有任何数据，因此第二个 label 为“，请输入您的年龄”。

在输入名称值之前是否可以有“用户”，即“用户，请输入您的年龄”？

Answer 1

这是我遵循的解决方法

1. 在第二个字段 label 中，将{{row.name}}更改为虚拟变量{{data.name1}}
2. 根据第一个字段更改第二个字段重绘
3. 当 data.name 为空时，在计算值部分添加逻辑，将 data.name1 值设置为“用户”，否则将 data.name 分配给 data.name1 这里是代码片段

if (data.name === "") {
  data.name1="User";
}else{
  data.name1=data.name;
}