Angular - link two API sources in table based on ID FK
<p>I'm really new to Angular and i'm trying to create a list of user transactions that presents the time of the action and the user's name.  In my audit API I have an action ID and the User FK which associates with my User API and i'm displaying it as follows:</p>

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

<p>My Apis are as follows:</p>

<pre><code>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",        
    }
]
</code></pre>

<p>Controller, which is working fine GETting the data from each API:</p>

<pre><code>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;
    });        
}]);
</code></pre>

<p>So my main issue i'm having is getting the user name in the table instead of the foreign key value.  I've stripped out a lot of this just so we can focus on the main problem.  Getting the user name from the user API, based on the FK in the Audit API and repeated based on the items in the Audit API.  </p>

<p>Any help greatly appreciated and apologies for the noob question!</p>