angularjs：从密钥对解析值

Question

有没有一种简单的方法可以在数组中找到键并返回它的值而不是使用angularjs返回键（可能是通过使用表达式）？

现在，我做这样的事情：

vm.topics = [{id:1,value:"a"} , {id:2,value:"b"} , {id:3,value:"c"}];
vm.tickets= [{topic:2,summary:"summary 1"} , {topic:1,summary:"summary 2"}];
vm.getTopicName = function (id) {
    for (int t=0 ; t<vm.topics.length ; t++)
        if (vm.topics[t].id == id)
            return vm.topics[t].value;
    return id;
};

并在html部分：

<tr data-ng-repeat="item in vm.tickets">
  <td>{{vm.getTopicName(item.topic)}}</td>
  <td>{{item.summary}}</td>
</tr>

有什么像

<td>{{item.topic | id as value in vm.topics}}</td>

有趣的例子，但我认为这说明了重点。

-更新-

正如@jantimon在评论中提到的那样，一种方法是将列表更改为真实密钥对的对象并简化所有操作：

vm.topics1 = {};
for (var i=0; i < vm.topics.length; i++) {
  var t = vm.topics[i];
  vm.topics1[t.id] = t.value;
}

HTML只需更改为：

<td>{{vm.topics1(item.topic)}}</td>

Answer 1

实际上，您使用了两个不同的数组，并且从您的注释（ajax调用）中，我将在Service中创建一个合并 topics和tickets新数组，例如：

[... ,
 {
  topic:2,
  summary:"summary 1",
  ticket_value: "b"
 },
... ]

因此，控制器应该只绘制它（没有其他逻辑）。 这种方式将减少ng-repeat循环中的观察者，并且您无需调用（重建） getTopicName()

我认为这是正确的方法，

---

为了简化您的示例，如果您使用Underscorejs库，则可以编写：

 <td>{{topics[_.findIndex(topics, {id: item.topic})].value}}</td>

小提琴演示

HTML

<div data-ng-repeat="item in tickets"> 
    <td>{{topics[_.findIndex(topics, {id: item.topic})].value}}    </td>
</div>

JS

$scope._ = _;

$scope.topics = [{id:1,value:"a"} , {id:2,value:"b"} , {id:3,value:"c"}];

$scope.tickets = [{topic:2,summary:"summary 1"} , {topic:1,summary:"summary 2"}];

---

**作为旁注，请尝试避免从HTML调用方法，例如：

<td>{{vm.getTopicName(item.topic)}}</td>