javascript - 检查 Angular 中 select 中的选项

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。我在 app.js 中使用 resolve 来填充两个 selects 中的可用选项。

我对如何重用同一 View 来根据从同一 View 中的 API 检索的 id 检查两个选择中的选项感到有点困惑。

Answer 1

如果我理解正确，在您的路线在更新 View 上解析后，您将拥有:

• selectedItem.id
• selectedSubItem.id
• 项目集合

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

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

如果您使用 Underscore.js，则 findWhere方法对此非常有效。我确信 lodash 有类似的东西。

这能回答你的问题吗？