function miControlador($scope) {
$scope.personas = [
{nombre: 'Carlos', edad: 28, nacionalidad: "Argentino"},
{nombre: 'Pedro', edad: 37, nacionalidad: "Argentino"},
{nombre: 'Javier', edad: 25, nacionalidad: "Uruguayo"}
];
$scope.invertido=false;
$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>
<br/>
<div>
<label>Filtrar Lista</label>
<input type="text" ng-model="filtro" />
</div>
<hr>
<br/>
<div>
<label>Ordenar por:</label>
<select ng-model="orden">
<option>nombre</option>
<option>edad</option>
<option>nacionalidad</option>
</select>
<input type="button" value="Invertir" ng-click="invertido=!invertido" />
</div>
<hr>
<div ng-repeat="persona in personas | orderBy:orden:invertido | filter:filtro">
<p>
<b>{{persona.nombre}}</b> - {{persona.edad}} Años - {{persona.nacionalidad}}
<input type="button" value="Eliminar" ng-click="eliminarPersona($index)" />
</p>
</div>
</div>
</body>