JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app='myApp' ng-controller="ArrayController">{{employees | json}}</div>

JavaScript

var app = angular.module('myApp', []);
app.controller('ArrayController', function ($scope) {
    $scope.Users = [{
        id: 1,
        name: "ryan"
    }, {
        id: 2,
        name: "Julie"
    }];

    $scope.Employments = [{
        user_id: 1,
        title: "manager"
    }, {
        user_id: 2,
        title: "Professor"
    }];


    $scope.employees = [];
    angular.forEach($scope.Employments, function (employee, employeeIndex) {
        var employeeObject = {};
        employeeObject.title = employee.title;
        angular.forEach($scope.Users, function (user, userIndex) {
            if (employee.user_id === user.id) {
                employeeObject.user = user;
            }
        });
        $scope.employees.push(employeeObject);
    });

});