Javascript 如何在AngularJS中查找值并在HTML表中显示数据

我目前正在从restul GET调用返回JSON数据集。第一个响应集用于构建HTML数据表。其中一个值是数据库中数据表中的数字ID

在另一组JSON数据中，有一组值对应于第一个数据集中的数字id值

我试图根据第一个集合中的数值在第二个集合中查找一个值

我已经能够使用tag和ng选项来实现这一点，但是这个特定的列只需要是一个带有数据值的静态标记

我的标签看起来像

<td><select id="basOrgs" class="form-control grid-input" ng-model-options="{updateOn: 'blur'}" ng-model="item.OrgUid" ng-options="org.OrganizationUid as org.OrganizationDisplay for org in Orgs"></select></td>

我试图实现的是使用模型item.OrgUid在Orgs数据集中查找一个值，以基于item.OrgUid值显示Orgs.OrganizationDisplay

我尝试过ng repeat，但没有成功

<td ng-model="item.OrgUid" ng-repeat="org in Orgs track by org.OrganizationUid">{{org.OrganizationDisplay}}</td>

{{org.OrganizationDisplay}

项目模型看起来像

{OrgUid:123456，Active:'Y'，

StartDate'} 组织模型看起来像“{OrgUid:123456，OrgDisplay:'组织的名称'”

我要做的是根据item.OrgUid值在标记中显示OrgDisplay值

任何帮助都将不胜感激

谢谢，

---

--Jim

假设您的控制器中有

$scope.orgs

，那么

<td ng-model="item.OrgUid" ng-repeat="org in Orgs track by org.OrganizationUid">{{lookup[org.OrganizationUid].OrganizationDisplay}}</td>

{{lookup[item.OrgUid].OrgDisplay}

Oh，那么您的

ng选项

工作不正常，因为

org.OrganizationDisplay

在该json数据集中不可用，而是另一个？不，实际上，select标记仅供参考。很好用。它在td行中正确显示下拉选择。我想做的是只显示OrgDisplay值，而不使用下拉菜单。只是静态文本，比如{{OrgDisplay}}好的，我把我认为你的问题的解决方案是，工作。好的，我们有了它，最终的答案是。。。不需要在标签中重复ng，查找功能解决了这个问题。这是最后一个标记{{lookup[item.OrgUid].OrganizationDisplay}}谢谢toddmo的回答！

var lookup = {};
for (var i = 0, len = orgs.length; i < len; i++) {
    lookup[array[i].OrganizationUid] = array[i];
}