1

我正在使用 angularjs,结合 mongolab,来创建一个基本的应用程序。

这是我的代码

问题是,我试图更新日期(当我点击“编辑器”时),但是当我提交表单时,得到了这个错误

TypeError: Object #<Resource> has no method 'update'

更新方法已定义,所以我不了解错误,有什么帮助吗?

4

1 回答 1

2

您可以稍微更改您的项目工厂:

评论后更新

angular.module('mongolab', ['ngResource']).
    factory('Project', function($resource) {
        var ProjectApi = $resource('https://api.mongolab.com/api/1/databases' +
                '/villes/collections/universities/:id',
                {apiKey: '7pcSaEmpVzZ90V6CVggeHa6Ys71uaZOA'}, {
            update: {method: 'PUT'}
        }
        );

        var Project = function(data) {
            angular.extend(this, data);
        };

        Project.query = ProjectApi.query;
        Project.get = ProjectApi.get;

        Project.prototype.update = function(cb) {
          return ProjectApi.update({id: this._id.$oid},
                angular.extend(this, {_id: undefined}), cb);
        };
        Project.prototype.destroy = function(cb) {
          return ProjectApi.remove({id: this._id.$oid}, cb);
        };
        return Project;

    });

EditCtrl你做了一件奇怪的事情:

function EditCtrl($scope, $location, $routeParams, Project) {
   var self = this;
   // Project is already defined in arguments and it is a service 
   var Project = Project.instance();
}

调用Project.instance()将返回没有任何 update() 方法的普通资源对象!在项目工厂中查看您的代码。

还要更改 EditCtrl 中的代码:

function EditCtrl($scope, $location, $routeParams, Project) {
        var self = this;
        Project.get({id: $routeParams.projetId}, function(projet) {
            self.original = projet;
            $scope.projet = new Project(self.original);
        });

        $scope.save = function() {
            $scope.projet.update(function() {
                $location.path('/list');
            });
        };
    }

最后你会让它工作。

plunker

于 2013-10-29T05:48:29.303 回答