JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<div ng-app="myApp">
  <div data-ng-controller="myCtrl">
    <div ng-repeat="user in userList">
      <select ng-model="user.selected" ng-options="User.id as User.username for User in Users">
        <option value="" selected="selected" disabled="disabled">Select User</option>
      </select>
    </div>
    <button ng-click="add()">Add</button>
  
  </div>
</div>

JavaScript

var myApp = angular.module('myApp', []);
myApp.controller('myCtrl', function($scope) {
  $scope.Users = [{
    username: "joedoe",
    email: "joedoe @company.com",
    id: 1
  }, {
    username: "jackblack",
    email: "jackblack @company.com",
    id: 2
  }, {
    username: "mikedike",
    email: "mikedike @company.com",
    id: 3
  }];

  $scope.userList = [];

  $scope.add = function() {
    $scope.userList.push({
      selected: ''
    });
  }
})