JSFiddle - React, Tailwind, and code Playground

by GruffBunny

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.6.0/underscore-min.js"></script>
<div ng-app='MyModule' ng-controller="MyController">
    <h1>All events</h1>
    <p ng-repeat='event in events'>{{event.eventId}} - {{event.eventName}}</p>
    <h1>User events</h1>
    <p ng-repeat='event in user.events'>{{event.eventId}} - {{event.eventName}}</p>
</div>

JavaScript

angular.module('MyModule', [])

.controller('MyController', function( $scope ) {
    
    $scope.user = {
      userId: 2,
      userName: 'jdoe',
      eventIds: [23,34,45]
    }

    $scope.events = [
      {eventId: 23, eventName:"bar"},
      {eventId: 34, eventName:"baz"},
      {eventId: 45, eventName:"qux"},
      {eventId: 56, eventName:"..."},
    ];
        
    $scope.user.events = _.map($scope.user.eventIds, function(eventId){
        return _.findWhere($scope.events, {eventId: eventId});
    });
});