0

我正在创建一个表单,它的字段选项取决于表单前面的选择,引用 JSON 数组。我研究了 Cascade Select 示例,但还没有完全理解控制器在其中的工作方式。有人介意帮助我调整 Cascade Select 示例的概念以引用 JSON 数组吗?

这是一个JS Bin 的链接,说明了我要完成的工作(请务必“使用 JS 运行”)。我想要其选项相对于数组填充并根据先前选择进行过滤的字段。我已经弄清楚如何使用传递给表单元素中的“选项”参数的简单for循环函数来选择运动的第一级选项;但我需要一只手进入下一阶段。理想情况下,我希望有更多的深度;即选择一项运动>选择一支球队>选择一名球员;但我应该能够通过第一个过滤的选择选项来解决它。

谢谢!

4

1 回答 1

2

实际上,这与角度形式完全无关。您的数据模型没有正确建模,您应该使用外键的概念。更合适的建模是:

  var sports = [{
      id: 1,
      name: 'Soccer'
    }, {
      id: 2,
      name: 'Basketball'
  }];

  var teams = [{
      id: 1,
      fk: 1,
      name: 'Bayern Munich'
    }, {
      id: 2,
      fk: 1,
      name: 'Real Madrid'
    }, {
      id: 3,
      fk: 2,
      name: 'Cleveland'
  }];

  var player = [{
      id: 1,
      fk: 1,
      name: 'Mario Götze'
    }, {
      id: 1,
      fk: 2,
      name: 'Javier Hernandez'
    }, {
      id: 2,
      fk: 3,
      name: 'LeBron James'
  }];

此处显示了一个工作示例:http: //output.jsbin.com/jinaca

于 2015-07-27T05:48:51.323 回答