JSFiddle - React, Tailwind, and code Playground

HTML

<body ng-app="">
    <div ng-controller="miControlador">
        <div>
            <label>Nombre: </label>
            <input type="text" ng-model="form.nombre"/>
            <br/>
            <label>Edad: </label>
            <input type="number" ng-model="form.edad"/>
            <br/>
            <label>Nacionalidad: </label>
            <input type="text" ng-model="form.nacionalidad"/>
            <br/>
            <input type="button" value="Agregar Persona" ng-click="agregarPersona()" />            
        </div>
        <hr>
        <label>Persona 1: </label>
        <select ng-model="persona1" ng-options="persona.nombre as persona.nombre for persona in personas"></select>
        <input type="text" name="persona" ng-model="persona1" style="display:none;" />

        <br>
        <label>Persona 2: </label>
        <select ng-model="persona2" ng-options="persona.nombre for persona in personas track by persona.nombre">
        </select>
        
        <hr>
        Persona 1: {{persona1}}
        <br>
        Persona 2: {{persona2.nombre}} - {{persona2.edad}} Años - {{persona2.nacionalidad}}
    </div>
  </body>

JavaScript

function miControlador($scope) {
    $scope.personas = [
        {nombre: 'Carlos', edad: 28, nacionalidad: "Argentino"},
        {nombre: 'Pedro', edad: 37, nacionalidad: "Argentino"},
        {nombre: 'Javier', edad: 25, nacionalidad: "Uruguayo"}
    ];
    
    $scope.persona2 = {nombre: 'Pedro', edad: 37, nacionalidad: "Argentino"};
    
    $scope.agregarPersona = function(){
        $scope.personas.push(
            {
                nombre: $scope.form.nombre, 
                edad: $scope.form.edad, 
                nacionalidad: $scope.form.nacionalidad
            }
        );
    }
    
    $scope.eliminarPersona = function(index){
        $scope.personas.splice(index,6);
    }
}