I have two tables:

1. A **jobs** table with 3 fields: `id`, `client_id`, `name`.
2. A **clients** table with 2 fields: `id`, `name`.

Using Angular 1.5, I'm iterating over the jobs:

```
controller('JobsController', ['$scope', 'Job', 'Client', function($scope, Job, Client) {
    $scope.jobs = Job.query();
    $scope.clients = Client.query();
}]);

```

**HTML:**

```
<tr ng-repeat="job in jobs">
    <td>
        {{clients[job.client_id].name}}
    </td>
    <td>
        {{job.name}}
    </td>
</tr>

```

In the HTML the first column should be the client name. As it is, this isn't working, because `$scope.clients` is an array of objects that look a bit like this:

`[{'id':4, 'name':'test_name'}, {'id':7, 'name':'another client'}]`

Is there a way to pick from this `clients` array by `id`, in my `ng-repeat` loop?

`$scope.jobs` looks like:

`[{'id':100, 'client_id': 4, 'name': 'a job'}, ...]`