检查Angular中选择的选项

Question

在我的Angular应用中，我有2个选择输入，如下所示。

<select ng-model="selectedItem.name" ng-options="item.name for item in items" />

<select ng-model="selectedSubItem.name" ng-options="subItem.name for subItem in selectedItem" />

第二个选择中的选项取决于在第一个选择中选择的选项。提交表单后，系统会提取selectedItem和selctedSubItem中的ID并将其提交给API。这非常适合创建新记录。

在检索现有记录时，API会返回selectedItem和selectedSubItem的ID。我在resolve中使用app.js来填充selects中的可用选项。

我对如何根据从同一视图中的API检索到的ID检查两个选项中的选项感到有点困惑。

Answer 1

如果我理解正确，您的路线在更新视图中解析后，您有：

• selectedItem.id
• selectedSubItem.id
• items collection

...每个item都有一个subItems的嵌套集合。

首先，您需要遍历items集合中的每个项目，直到找到与selectedItem.id匹配的项目。然后，您需要遍历该项subItems中的每一项，直到找到与selectedSubItem.id匹配的项目。

如果你正在使用Underscore.js，findWhere方法可以很好地解决这个问题。我确定lodash有类似的东西。

这会回答你的问题吗？