JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myApp">
<div ng-controller="Ctrl">
          
    <select ng-model="selectedCountry">
        <option ng-repeat="country in countries" value="{{country.abbr}}" ng-bind="country.name"></option>
    </select>

    <h2>{{selectedCountry}}</h2>
   
</div>
</div>

JavaScript

var app = angular.module("myApp", []).

controller("Ctrl", function($scope) {
    
    $scope.countries =  [
        {abbr:"US", name:"United States"},
        {abbr:"CA", name:"Canada"}
    ];
    $scope.selectedCountry = 'US';
});