Azure解决方案模板同步骤内控制字段可见性问题咨询

你遇到的问题根源在于同步骤内的元素引用不能使用steps()函数——这个函数是专门用来跨步骤获取之前步骤的输出值的，同步骤内的实时交互需要用elements()函数来获取当前元素的状态。

为什么你的代码没生效？ #

steps('createRepoServer')只会在你切换到下一个步骤后才会更新值，同步骤内选择不同选项时，它不会实时同步当前OptionsGroup的选中值，所以你的visible条件自然不会触发变化。

正确的实现方式 #

要在同步骤内根据OptionsGroup的选中值控制字段显示/隐藏，你需要用elements('<元素name>').value来获取当前选项的选中值。结合你的需求（选择'No'时隐藏后续2个字段），假设你的OptionsGroup定义中，'Yes'对应的value是1，'No'对应的value是0，那么后续字段的visible属性应该写成：

"visible": "[equals(elements('createRepoServer').value, 1)]"

如果你的OptionsGroup选项是用字符串值定义的（比如"value": "Yes"和"value": "No"），则调整为：

"visible": "[equals(elements('createRepoServer').value, 'Yes')]"

完整示例参考 #

这里给你一个包含OptionsGroup和受控字段的createUiDefinition片段，供你对照：

{
  "$schema": "https://schema.management.azure.com/schemas/0.1.2-preview/CreateUIDefinition.MultiVm.json#",
  "handler": "Microsoft.Azure.CreateUIDef",
  "version": "0.1.2-preview",
  "parameters": {
    "basics": [],
    "steps": [
      {
        "name": "repoConfig",
        "label": "Repository Configuration",
        "elements": [
          {
            "name": "createRepoServer",
            "type": "Microsoft.Common.OptionsGroup",
            "label": "Do you need to create a repo server?",
            "defaultValue": "Yes",
            "options": [
              {
                "label": "Yes",
                "value": 1
              },
              {
                "label": "No",
                "value": 0
              }
            ]
          },
          {
            "name": "repoServerName",
            "type": "Microsoft.Common.TextBox",
            "label": "Repo Server Name",
            "visible": "[equals(elements('createRepoServer').value, 1)]"
          },
          {
            "name": "repoServerSize",
            "type": "Microsoft.Compute.SizeSelector",
            "label": "Repo Server Size",
            "visible": "[equals(elements('createRepoServer').value, 1)]",
            "recommendedSizes": ["Standard_D2s_v3"],
            "resourceType": "virtualMachines",
            "osPlatform": "Windows"
          }
        ]
      }
    ],
    "outputs": {
      "createRepoServer": "[steps('repoConfig').createRepoServer]",
      "repoServerName": "[steps('repoConfig').repoServerName]",
      "repoServerSize": "[steps('repoConfig').repoServerSize]"
    }
  }
}

额外注意事项 #

1. 确保你引用的元素name完全匹配，拼写错误会导致无法获取值；
2. 可以使用Azure的Create UI Definition沙盒工具实时测试你的模板，验证交互逻辑是否正常；
3. 如果你需要更复杂的条件判断，可以结合not()、or()、and()等逻辑函数组合使用。

内容的提问来源于stack exchange，提问作者Gourav Singla