不理解Angular JS中的控制器

这是我不习惯问的问题，但我觉得这是理解我正在挣扎的问题的唯一方法。如下所示，有两个函数app.controller()和app.factory()，对我来说，它们似乎是相等的，即使我删除了一个部分，该函数也不会执行其预期任务。

链接到plunker：点击这里（相关文件是script.js）

这两个函数有什么区别，为什么我不能只使用其中一个呢？我知道一定有一个简单的解释。

    app.controller('MainCtrl', ['$scope', 'ItemsService', function ($scope, ItemsService) {
    $scope.newItem = { PlateNumber: '', Description: '', Price: 0 };
    $scope.currentItem = null;
    $scope.items = ItemsService.getItems();
    $scope.addItem = function () {
        ItemsService.addItem(angular.copy($scope.newItem));
        $scope.newItem = { PlateNumber: '', Description: '', Price: 0 };
    };
    $scope.updateItem = function (id) {
        ItemsService.updateItem(id);
    };
    $scope.removeItem = function (id) {
        ItemsService.removeItem(id);
    };
}]);

与

app.factory('ItemsService', ['$firebase', 'FIREBASE_URI', function ($firebase, FIREBASE_URI) {
    var ref = new Firebase(FIREBASE_URI);
    var items = $firebase(ref);
    var getItems = function () {
        return items;
    };
    var addItem = function (item) {
        items.$add(item);
    };
    var updateItem = function (id) {
        items.$save(id);
    };
    var removeItem = function (id) {
        items.$remove(id);
    };
    return {
        getItems: getItems,
        addItem: addItem,
        updateItem: updateItem,
        removeItem: removeItem
    }
}]);