如何组合两个由外键连接的json对象？

Question

需要显示来自两个json对象的表数据，这些对象通过外键连接。

第一个json是：

$scope.items = [
    {status_id: 1,type:1},
    {status_id: 2,type:2},
    {status_id: 1,type:3},
    {status_id: 1,type:4}
];

第二个json是：

var statuses = [
    {status_id: 1, status_name: 'Confirmed'},
    {status_id: 2, status_name: 'Processed'}
]; 

在我的表中，我希望看到这样：

confirmed  1
processed  2
confirmed  3
confirmed  4

我怎么能以角度来做？

Answer 1

这不是一个“Angular”问题，因为它是一个Javascript问题。创建包含所有数据的第三个数组。

或者，如果statuses是一个以status_id为关键字的关联数组（或对象），它会使事情变得更简单：

$scope.statuses = { 1: {status_id: 1, status_name: "Confirmed"},
                    2: {status_id: 2, status_name: "Processed"} };

然后你可以ng-repeat items：

<div ng-repeat="item in items">
  {{statuses[item.status_id].status_name}}  {{item.type}}
</div>