使用子阵列Angular自动完成选择

时间:2015-11-18 12:41:14

标签: javascript jquery css arrays angularjs

我有一个json数组,键包含一个子数组。我想创建两个选择。在第一个中,用户可以显示数据列表;第二个是空的。当用户选择某个项目时,第二个选择将自动完成子阵列。

对于示例,请查看:jsbin

我的意思是创建2个部分。第一个有:

 - main001
 - main002
 - main003
 - main004

第二个选择为空。我,例如,我点击'main002',我希望用2sub1角度填充第二个选项

 - 2sub1
 - 2sub2

我该怎么做?

谢谢!

更新:示例:here

1 个答案:

答案 0 :(得分:0)

解决方案找到here

    <select ng-model="select.id_1" ng-options="a.id as a.value for a in resources.animals" ng-change="firstChange(select.id_1)">
  <option value="">-- choose animal --</option>
</select>

<select ng-model="select.id_2" ng-options="a.id as a.value for a in Subarray" ng-if="Subarray">
  <option value="">-- choose name --</option>
</select>