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,1); } }
<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"> <option value="">Seleccione</option> </select> <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>