javascript - 使用子数组 Angular 自动完成选择

标签 javascript jquery css arrays angularjs

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

示例,如下所示:jsbin

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

 - main001
 - main002
 - main003
 - main004

第二个选择是空的。例如,我单击“main002”,我希望用 2sub1 Angular 填充第二个选择

 - 2sub1
 - 2sub2

我该怎么做?

谢谢!

更新:示例:here

最佳答案

解决方案找到: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>

关于javascript - 使用子数组 Angular 自动完成选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33780379/

相关文章:

javascript - jquery从多维数组中动态依赖选择

jquery - 如何使用 ASP 压缩 JSON?

php - yii2 中的 Css 和 bootstrap

Jquery循环,在滚动图像的顶部放置一个div

javascript - $.jqx.dataAdapter 不是构造函数

javascript - HTML 表格中每两列 CSS/Javascript 交替颜色

html - 横跨整行 CSS GRID 的水平边框

javascript - JavaScript 中的 window.event 是什么?

javascript - 将 HTML 内容添加到用户剪贴板的跨浏览器技术

javascript - ExternalInterface.call 不工作