AngularJS: aggiungere e rimuovere elementi in un set di risultati

Con AngularJS è semplice aggiungere e rimuovere elementi in un set di risultati.

La soluzione è la seguente:

angular.module('MyApp').controller('MyCtrl', [ '$rootScope', '$scope', '$http',
    function($rootScope, $scope, $http) {

    $scope.items = [];
    

    $scope.getItems = function() {
        $http.get('/api/items').then(function(response) {
            $scope.items = response.data;
        });
    };

    $scope.removeItem = function(name) {
        for(var i = 0; i < $scope.items.length; i++) {
            if($scope.items[i].name == name) {
                $scope.items.splice(i, 1);
            }
        }
    };

    $scope.addItem = function(name) {
        var item = {
           name: name
        };
        $scope.items.unshift(item);
    };

    $scope.getItems();

}]);