AngularJS中draft-v4版JSON Schema使用dependencies无效问题

你遇到的问题核心是混淆了标准JSON Schema draft-v4的dependencies语义，以及用错了Angular Schema Form的UI控制配置位置。我来帮你拆解并修正：

首先明确两个关键概念 #

1. 标准JSON Schema draft-v4的dependencies：它是用来做数据约束的——声明“如果某个属性存在，那么其他属性必须存在”，完全不涉及UI层面的显示/隐藏控制，所以你把它放在graduate字段的options里本身就不符合标准Schema的规范。
2. Angular Schema Form的UI显示控制：要实现字段根据其他字段值动态显示/隐藏，需要用框架提供的特定配置，比如condition或watch选项，而且这些配置是加在目标字段的options里，不是触发字段里。

修正后的Schema示例（用condition实现） #

这是最简洁的实现方式，直接给需要控制显示的字段添加条件判断：

{
  "title": "Test dependencies",
  "description": "This a test to show how we can use dependencies in json schema",
  "properties":{
    "graduate": {
      "title":"Graduate?",
      "type":"string",
      "enum":["Yes","No"]
    },
    "minimumEligibilityAge":{
      "id":"minimumEligibilityAge",
      "title":"Enter Age",
      "type":"number",
      "options": {
        // 当graduate值为"Yes"时显示该字段
        "condition": "model.graduate === 'Yes'"
      }
    },
    "courseName":{
      "id":"courseName",
      "title":"Enter Graduation Course Name",
      "type":"string",
      "options": {
        // 当graduate值为"No"时显示该字段
        "condition": "model.graduate === 'No'"
      }
    }
  },
  "type": "object"
}

更灵活的方式：用watch选项 #

如果需要更复杂的逻辑（比如多条件判断），可以用watch选项监听graduate字段的变化，动态控制字段可见性：

{
  "title": "Test dependencies",
  "description": "This a test to show how we can use dependencies in json schema",
  "properties":{
    "graduate": {
      "title":"Graduate?",
      "type":"string",
      "enum":["Yes","No"]
    },
    "minimumEligibilityAge":{
      "id":"minimumEligibilityAge",
      "title":"Enter Age",
      "type":"number",
      "options": {
        "watch": {
          "graduate": function(value, schema, form, model) {
            // 根据graduate的值动态设置字段是否可见
            form.visible = value === "Yes";
          }
        }
      }
    },
    "courseName":{
      "id":"courseName",
      "title":"Enter Graduation Course Name",
      "type":"string",
      "options": {
        "watch": {
          "graduate": function(value, schema, form, model) {
            form.visible = value === "No";
          }
        }
      }
    }
  },
  "type": "object"
}

为什么原来的写法不生效？ #

你之前把dependencies配置放在了graduate字段的options里，这既不是标准JSON Schema的用法，也不是Angular Schema Form支持的UI控制方式——框架根本不会识别这个位置的配置，所以自然没有效果也不会报错。

只要把控制逻辑移到目标字段的options中，用condition或watch就能实现你预期的显示/隐藏效果了。

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