Azure DevOps 扩展自定义 UI

我的任务是开发 Azure DevOps 的扩展以自动化构建过程 - 自定义构建任务。需要注意的是，实际上我正在开发的是一系列构建任务，每个任务都包含常规输入。但由于历史原因，所有这些构建任务都应该分组，用户可以从管道设置中任务页面的下拉列表中选择正确的任务。

问题是下拉列表中的更改应该隐藏一些输入并显示一些其他输入 - 即我想处理下拉列表的 CHANGE 事件并控制 UI 元素的可见性。

这可能吗？

我是不是走错了路？我该如何处理这个问题？

解决方案很简单，但目前还不明显。

每个输入都有一个属性，称为visibleRule它完全满足了需要：控制它所附加的输入的可见性。所以在task.json文件，在inputs数组，可以这样做：

定义下拉菜单：

{
  "name": "selectedOption",
  "type": "pickList",
  "label": "Options",
  "options": {
    "o1": "Option 1",
    "o2": "Option 2",
    "o3": "Option 3"
  }
},

然后定义一些字段，如下所示：

{
  "name": "test1",
  "type": "string",
  "label": "Option 1 test",
  "visibleRule": "selectedOption = o1"
},
{
  "name": "test2",
  "type": "string",
  "label": "Option 2 test",
  "visibleRule": "selectedOption = o2"
},

Now the test1仅当出现以下情况时才会显示输入o1（选项 1）在selectedOption落下。同样适用于test2 and o2。两者都不test1 nor test2如果显示selectedOption is o3.