JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app='myApp' ng-controller="ArrayController">
    {{Employments | 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"
    }];

    angular.forEach($scope.Users, function (user, userIndex) {
        angular.forEach($scope.Employments, function (employee, employeeIndex) {
            if (employee.user_id === user.id) {
                employee.name = user.name;
            }
        });
    });

});