Question

我有以下代码，一个消耗API休息的工厂：

angular.module('teachers')
.factory("TeachersService",
    function($resource) {

     var restPath = 'http://localhost:8001/entities/teacher/';

     return $resource(restPath + ':id', { id: "@teacherId" }, {

         'getSubjects': {
             method: 'GET',
             url: restPath + ':id' + '/subject',
             isArray: true
         },

         'update': { method: 'PUT'},

         'getClasses': {
             method: 'GET',
             url: restPath + ':id' + '/class',
             isArray: true
         }

     });


    });

在控制器中我使用工厂：

        vm.teacher = TeachersService.get({id: vm.teacherId}, function(){
            console.log(vm.teacher)
        }, function(){
            console.log('Teacher not found')
            vm.teacher = null;
        })

数据很好，但现在我需要更新这个实体的数据，我想使用工厂的更新方法：

            vm.teacher.$update(function(){
                console.log('success')
            }, function(error){
                console.log('error')
                console.log(error)
            });

但是我不知道为什么它总是让我失败（这些方法适用于卷曲和其他程序，如邮递员）。

这是失败标题的示例：

Object { data: null, status: -1, headers: fd/<(), config: Object, statusText: "" }

我不明白发生了什么，我认为问题在于我传递id的方式。我确定实体vm.teacher有一个带整数的teacherId值，但我不知道为什么没有传递。另外，我看到firefox的网络控制台（在我的情况下），我看到对服务器的调用不存在，但是当我将定义更改为id时，例如：{id: "@_teacherId"}调用已完成但是有错误，因为url末尾没有实体标识符，而PUT方法中的服务器需要它。

虚假用户的一个例子是（在获得之后）：

Object { createdBy: 1, phone: "+34740 51 73 72", createdAt: "Tue Oct 25 12:58:30 2016", name: "Alvaro", address: "Callejón Lourdes Pozuelo 11 Apt. 54…", teacherId: 4, $promise: Object, $resolved: true }

有什么想法吗？我闷得太多了。谢谢！

修改

如果我更改代码并设置GET方法，则调用它：

         'update': {
             method: 'GET',
             url: restPath + ':id'
         }

但不是当方法是PUT时：

         'update': {
             method: 'PUT',
             url: restPath + ':id'
         }

Answer 1

最后，问题出在Flask API中，我需要启用跨源资源共享（CORS）机制。因此，我一次又一次地尝试了这些例子但没有成功，问题不在于$资源代码中。

状态-1表示AngularJS内部错误，例如超时或同源策略/ CORS问题。感谢@georgeawg。

在服务中，代码很好：

'update': {method: 'PUT'},

在控制器中也很好：

 vm.teacher.$update()

在我的烧瓶api中，我需要添加这个：

from flask.ext.cors import CORS, cross_origin
...
app = Flask(__name__)
CORS(app)

有关“培训：flask-cors中的flask-core的更多信息。

”

Flask API：如何正确地将一个param传递给angularjs $ resource PUT方法中的url？

1 个答案: