JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-controller="DemoCtrl">
    
  <p>populate select options with ajax</p>
    
<select id="Country" name="Country" class="form-control" size="10" 
    ng-model ="chooseCountries">                                
        <option ng:repeat="country in chooseCountry" value="{{country.id}}">     
            {{country.name}}
        </option>
</select>
 
    
</div>

JavaScript

'use strict';

angular.module('ui.bootstrap.demo', ['ui.bootstrap']);
angular.module('ui.bootstrap.demo').controller('DemoCtrl', function ($scope) {
  
    $scope.chooseCountries=[
        {countryId : 1, name : "France - Mainland", desc: "some description" },
        {countryId : 3, name : "Gibraltar", desc: "some description"},
        {countryId : 3, name : "Malta", desc: "some description"}
    ];
    
    
    
});