Question

我正在创建一个表单，该表单的字段选项取决于表单中较早的选项，引用JSON数组。我已经研究过Cascade Select的例子，但我并没有完全了解控制器的工作原理。有人会介意帮我调整Cascade Select示例的概念来引用JSON数组吗？

Here is a link向JS Bin说明了我想要完成的事情（确保＆＃34;用JS和＃34运行;）。我想要的字段的选项是相对于数组填充的，并根据以前的选择进行过滤。我已经弄清楚如何选择第一级选项来选择一项简单的循环功能，并将其传递给＆＃34;选项＆＃34;表单元素中的参数;但是我需要一只手移动到下一个阶段。理想情况下，我希望有更多的深度;即选择运动＆gt;选择一个团队＆gt;选择一名球员;但我应该只用第一个过滤的选择选项来解决它。

谢谢！

Answer 1

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

  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

引用对象数组以使用angular-formly级联选择选项

1 个答案: