<!DOCTYPE html>
<html ng-app="app">
<head>
<meta charset="utf-8">
<title>formulario</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<script type="text/javascript" src="angular.min.js"></script>
<script type="text/javascript" src="Script.js">
</script>
</head>
<body ng-controller="Controller">
<h1>HOJA DE LISTA</h1>
<div class="wrapper">
<div class="contact-item" ng-repeat="alumno in alumnos | orderBy:'nombre' | filter:buscador">
<div class="nombre">{{alumno.nombre}} {{alumno.telefono}}</div>
<span class="curso">-{{alumno.curso}}</span>
</div>
</div>
<div class="wrapper">
<h2>Cargar contacto</h2>
<br> Nombre: <input type="text" ng-model="NuevoAlumno.nombre">
<br> Telefono: <input type="text" ng-model="NuevoAlumno.telefono">
<br> curso: <input type="text" ng-model="NuevoAlumno.curso">
<br> buscador:
<input type="text" name="buscador" ng-model="buscador">
<br>
<button ng-click="guardar()">guardar</button>
<button ng-click="eliminar()">eliminar</button>
<br>
</div>
</body>
</html>
ACA BEGINS MY SCRIPT
var app = angular.module("app",[]);
app.controller ("Controller", function ($ scope) {
$scope.alumnos=[];
$scope.guardar = function(){
$scope.alumnos.push({nombre: $scope.NuevoAlumno.nombre, telefono: $scope.NuevoAlumno.telefono, curso: $scope.NuevoAlumno.curso});
$scope.NuevoAlumno = null;
}
var elemento = $scope.buscador;
if(elemento==$scope.buscador){
$scope.eliminar = function(elemento){
$scope.alumnos.splice(elemento,1);
$scope.buscador = null;
}
}
});