JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-controller="TheController" ng-app>

Location:     
<select ng-model="locationId" ng-options="item.LocationId as item.LocationName for item in locations"></select>
    <br/>         
    LocationId: {{locationId}} <br/>    
</div>

JavaScript

function TheController($scope) {
    
    $scope.locations = [
        {LocationId : 1, LocationName : 'USA' },       
        {LocationId : 2, LocationName : 'Canada' },
        {LocationId : 3, LocationName : 'Pakistan' } ];

}