javascript - Angular - 根据 ID FK 链接表中的两个 API 源

Question

我对 Angular 很陌生，我正在尝试创建一个用户事务列表，其中显示操作时间和用户名。在我的审计 API 中，我有一个操作 ID 和与我的用户 API 关联的用户 FK，我将其显示如下:

HTML
<table>
    <thead>
        <tr>                
            <th>
                Date/Time
            </th>
            <th>
                User
            </th>                
        </tr>
    </thead>
    <tbody>           
        <tr ng-repeat="audit in audit.data>
            <td>{{audit.audit_date_time}}</td>
            <td>**{{audit.audit_user_fk}}**</td>   **<--I need the name not the ID here**             
        </tr>            
    </tbody>
</table>

我的Api如下:

AUDIT
[
    {
    "audit_id": "1",
    "audit_date_time": "2016-01-28 12:46:20",
    "audit_user_fk": "97"
    }
]

USER
[
    {
    "user_id": "97",
    "user_full_name": "Mr.User",        
    }
]

Controller ，工作正常，从每个 API 获取数据:

app.controller('auditControl', ['$scope','auditService', 'userService', function ($scope, auditService, userService) {  
    var auditLogs = auditService.query(function () {
        $scope.audit.data = auditLogs;
    });
    var user = userService.query(function () {
        $scope.auditUser = user;
    });        
}]);

所以我遇到的主要问题是获取表中的用户名而不是外键值。我删除了很多内容，这样我们就可以专注于主要问题。从用户 API 获取用户名，基于审核 API 中的 FK，并根据审核 API 中的项目重复。

非常感谢任何帮助，并对菜鸟问题表示歉意!

Answer 1

创建自定义过滤器。

app.filter("lookupUser", function() {
    function lookup (idNum, userList) {
        var userName = "UNKNOWN";
        angular.forEach(userList, function(user) {
            if ( user.user_id == idNum ) {
                 userName = user.user_full_name;
            };
        });
        return userName;
    };
    return lookup;
});

然后在您的模板中:

    <tr ng-repeat="audit in audit.data>
        <td>{{audit.audit_date_time}}</td>
        <td>{{audit.audit_user_fk | lookupUser : auditUser }}</td>             
    </tr>