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>
   
    <p/>
 
Another Location:    
<select ng-model="anotherLocationId">
    <option ng-repeat="location in locations" value="{{location.LocationId}}">{{location.LocationName}}</option>
</select>    
    
    <hr/>
    
    Location: {{locationId}} <br/>
    Another Location: {{anotherLocationId}}
    
    
</div>

JavaScript

function TheController($scope) {
    
    $scope.locations = [
        {LocationId : 7, LocationName : 'Philippines' },       
        {LocationId : 8, LocationName : 'Canada' },
        {LocationId : 9, LocationName : 'China' } ];

    $scope.locationId = 7;
    $scope.anotherLocationId = 7;
}