来自json树绑定问题的AngularJS可靠下拉列表

Question

构建一个从数据库中检索数据的应用。 创建了 2 个可靠的下拉菜单 1.类别 2. 分支

所有选择选项都来自服务（类别）获取的 json 树（数组中的数组）。

在控制器中，我使用以下方式获取 json：

$scope.categories = Categories.query();

在 html 中我尝试下面的代码：

<select class="form-control" name="category" ng-model="params.category" ng-options="item as item.name for item in categories track by item.category">
                        </select>

 <select class="form-control" name="branch" ng-model="params.branch" ng-options="branch as branch.name for branch in categories[params.category].branches track by item.category.branch">
                        </select>

Dropdown 1. 类别提取正常，但 Dropdown 2. 分支不起作用。

你能指导一下吗？

Answer 1

由于您有一个数组数组，我认为params.category 变量将包含对数组的引用，因此您不能在带有categories[params.category] 的第二次选择中使用它，因为您需要使用索引而不是参考资料。我建议你试试：categories[categories.indexOf(params.category)]。

编辑： 由于我不知道你的categories数组长什么样，branch数组长什么样，我只能根据你的代码猜测。 如果您的数据结构与我的想法相似 - here 是一个工作的笨蛋。

主要思想是，如果您的 categories 数组中的元素是一个对象并且具有 branches 属性，那么在您将引用放在 $scope.params.category 中之后，您就可以访问 branches 属性使用点表示法（无需返回categories 数组）。