JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app ng-controller="DisplayCtrl">
    <select ng-model="eventName" ng-options="name.event for name in eventNames">
        <option value="">Select Event</option>
    </select>
    <p>Currently selected: {{eventName.description}} </p>
</div>

JavaScript

function DisplayCtrl($scope) {
    $scope.eventNames = [{
        event: "Function A",
        description: "Gaming"
    }, {
        event: "Function B",
        description: "Basketball"
    }, {
        event: "Function C",
        description: "Football"
    }, {
        event: "Function D",
        description: "Dancing"
    }];
    $scope.eventName = $scope.eventNames[1].event;
}