Question

我正在创建一个电子邮件应用程序，可以对Google API进行RESTful调用。我正在使用AngularJS和Java。到目前为止我已经取得了一些成功，但我无法删除电子邮件，因为我不断收到此错误：TypeError：object不是函数。

我的角色知识有限。

在我的html中，我调用函数deleteEmail并传递电子邮件ID。

这是控制器：

app.controller('InboxController', function($rootScope, $scope, $cookies,
    $location, InboxService) {

$rootScope.loggedIn = true;

$scope.emails = InboxService.getMessages().success(function(jsonData) {

    $scope.emails = jsonData;
});

$scope.deleteEmail = function(id) {

    $scope.id = {

        'id' : id
    };

    // Parse to JSON
    var responseJSON = angular.toJson($scope.id);

    // Make call to InboxService
    var response = InboxService().del(responseJSON).success(
            function(jsonData) {

                response = jsonData;

                if (response == 'success') {

                    alert('Message deleted');
                } else {

                    alert('Message not deleted');
                }
            });
}

}）;

$ scope.emails方法工作正常。发出错误的是$ scope.deleteEmail。

这是服务：

app.factory('InboxService', function InboxService($http) {

var exports = {};

// Get a list of all emails
exports.getMessages = function() {

    return $http.get('resources/inbox/get').error(function(data) {
        console.log('There was an error!', data);
    });
};

// Delete an email
exports.del = function(id) {

    console.log('id ' + id);

    return $http({

        method : 'POST',
        url : 'resources/inbox/delete',
        data : id,
        headers : {
            'Content-Type' : 'application/json'
        }
    });
};

return exports;

}）;

我认为我的服务并不尽如人意。问题似乎与控制器有关。

控制台输出：

TypeError: object is not a function
at Scope.$scope.deleteEmail (http://localhost:8080/NewProject/js/controllers.js:64:18)
at Parser.functionCall (http://localhost:8080/NewProject/bower_components/angular/angular.js:10903:21)
at ngEventDirectives.(anonymous function).compile.element.on.callback (http://localhost:8080/NewProject/bower_components/angular/angular.js:19259:17)
at Scope.$get.Scope.$eval (http://localhost:8080/NewProject/bower_components/angular/angular.js:12811:28)
at Scope.$get.Scope.$apply (http://localhost:8080/NewProject/bower_components/angular/angular.js:12909:23)
at HTMLButtonElement.<anonymous> (http://localhost:8080/NewProject/bower_components/angular/angular.js:19264:23)
at http://localhost:8080/NewProject/bower_components/angular/angular.js:2853:10

Answer 1

请确保您使用正确的语法从html中调用删除电子邮件（id）而不使用$ scope

Answer 2

我得到了它的工作。我将Controller删除方法更改为：

$scope.delete = function (id) {
    InboxService.delete(id).success(function() {

        $scope.loadInbox();
    });
};

以及对此的服务方法：

// Delete an email
exports.delete = function(id) {

    console.log('id ' + id);

    return $http({

        method : 'DELETE',
        url : 'resources/inbox/delete',
        data: id,
        headers : {
            'Content-Type' : 'application/json'
        }
    });
}

AngularJS Controller函数 - TypeError：object不是函数

2 个答案: