JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="app">
<section ng-controller="CampusFormController">
<pre>
    {{ model | json }}
</pre>
<div ng-repeat="item in model.campuses" class="form-group row">
    <label>Campus</label>
    <select class="form-control" ng-model="model.campuses[$index]">
        <option>Select a campus</option>
        <option>Campus 1</option>
        <option>Campus 2</option>
        <option>Campus 3</option>        
    </select>
</div>
<button ng-click="addCampus()">Add another campus</button>
</section>
</div>

JavaScript

(function(){
  
angular.module('app', [])
  .controller('CampusFormController', function($scope, $log) {                    
    $scope.addCampus = newCampus;   
    $scope.model = {};
    $scope.model.campuses = [];
    
    function init(){
        console.log("Initing");
        $log.log("loading");
        newCampus();
    }
        

    function newCampus() {
        $log.log("Adding a new campus");
        $scope.model.campuses.push({});
    }
   
    init();
});
 
 
})();