19

我目前正在开发一个 REST + AngularJS 应用程序。

关于资源节省行动的承诺，我有一个小问题。

我的工厂：

App.factory('Course', function($resource) {
    var course = $resource('/AppServer/admin/courses/:courseId', {}, {});

    course.findAll = function() {
        return course.query();
    };

    course.findById = function(id) {
        return course.get({
            courseId : id
        });

    };

    course.saveCourse = function(course) {
        return course.$save();
    }

    return course;
});

我的控制器：

App.controller('CourseEditController', function($scope, $routeParams, $location, Course, FlashMessage) {
    // load course into edit form
    $scope.course = Course.findById($routeParams.courseId);

    // save edited course and print flash message
    $scope.saveCourse = function() {
        var savedCourse = Course.saveCourse($scope.course);

        savedCourse.$then(function(httpResponse) {
            FlashMessage.set("Die Änderungen am Kurs <i>" + savedCourse.title + "</i> wurden erfolgreich gespeichert.");
            $location.path("/kurse/verwalten");
        });
    }
});

现在的问题是，我得到以下异常：

TypeError: Cannot call method '$then' of undefined

奇怪的是，如果我向其中一个查找器（例如 findById）添加相同的 then-callback，一切正常。但是“return course.$save()”的返回值是未定义的，与“return course.get({courseId:id});”的返回值相比 这是“对象对象”。

我想要的是在保存操作完全执行时而不是在此之前设置 FlashMessage。

对此有什么想法吗？我的 REST 服务的响应是正确的。它返回保存的对象。

问候马克

4

5 回答 5

42

有两种略有不同的 API，一种用于处理资源实例，另一种用于 - 缺乏更好的词 - 更通用的版本。主要区别在于使用$-prefixed 方法（getvs $get）

ngResource/resource.js中的$-prefixed 方法。代理调用并直接返回承诺。

AFAIK 在资源被实例化之前，您只能使用正常的get.

var promise = Resource.get().$promise;

promise.then(function(res)  { console.log("success: ", res); });
promise.catch(function(res) { console.log("error: ", res); });

对于实例化资源，$可以使用 -prefixed 方法：

var res = new Resource({foo: "bar"});

res.$save()
    .then(function(res)  { console.log("authenticated") })
    .catch(function(req) { console.log("error saving obj"); })
    .finally(function()  { console.log("always called") });
于 2013-08-25T22:46:58.793 回答
3

如果您查看有关资源的角度文档，它会提到

重要的是要意识到调用 $resource 对象方法会立即返回一个空引用（对象或数组取决于 isArray）。从服务器返回数据后，现有参考将填充实际数据。

这很可能意味着您对 $save 的调用将返回空引用。在thenAngular 1.2 之前的 Resource api 上也不可用，因为资源不是promise基于的。

您应该更改saveCourse方法调用以接受函数参数以获得成功并在那里执行必要的操作。

于 2013-06-16T12:03:35.877 回答
1

这是针对 Angularjs 1.0.8

在我的服务中，我有以下内容：

angular.module('dataProvider', []).
  factory('dataProvider', ['$resource','$q',function($resource,$q) { 
//....
var Student = $resource('/app/student/:studentid',
    {studentid:'@id'}
);
    return {
      newStudent:function(student){
        var deferred = $q.defer();
        var s = new Student({name:student.name,age:parseInt(student.age)});
        s.$save(null,function(student){
            deferred.resolve(student);
        });
        return deferred.promise;
      }
    };
}]);

在我的控制器中：

$scope.createStudent=function(){
  dataProvider.newStudent($scope.newStudent).then(
    function(data){
      $scope.students.push(data);
  });
};
于 2013-10-06T04:10:33.217 回答
0

这是一个迟到的回应，但你可以在 $save 上调用 callabck ...

var savedCourse = Course.saveCourse($scope.course);

savedCourse.$save(function(savedCourse, putResponseHeaders) {
    FlashMessage.set("Die Änderungen am Kurs <i>" + savedCourse.title + "</i> wurden erfolgreich gespeichert.");
    $location.path("/kurse/verwalten");
});
于 2013-10-24T10:01:08.750 回答
0

我在控制器中添加了一个方法，以使资源在执行 CRUD 操作时具有承诺。

方法如下：

function doCrudOpWithPromise(resourceInstance, crudOpName){
            var def=$q.defer()
            resourceInstance['$'+crudOpName](function(res){def.resolve(res)}, function(err){def.reject(err)})
            return def.promise
}

一个调用示例是：

var t=new MyResource()
doCrudOpWithPromise(t,'save').then(...)
于 2013-10-13T07:25:25.353 回答