JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="app">
    <div ng-controller="ctrl">
         <select ng-model="selected" ng-options="loc as loc.name for loc in purchase.availableLocations"></select>        
         <p>You have selected {{ selected.name }}</p>
         <p>You havd id too! {{ selected.id }}</p>
    </div>
</div>

JavaScript

var app = angular.module('app',
    [
    ]);


app.controller('ctrl', ['$scope', function($scope) {
    $scope.purchase = {
        pickUpLocationId: 30,
        availableLocations: [
            {id: 20, name: "Charleston, SC" },
            {id: 30, name: "Atlanta, GA" },
            {id: 40, name: "Richmond, VA" },
        ]
    };
}]);