Question

我正在尝试在我的应用中使用带有$ resource对象的POST。

我有类似的东西。

厂：

angular.module('toyApp').factory('toys', ['$resource', function ($resource) {
    return $resource('/api/v1/toy/:id/condition/:condid',
        { id: '@id',
          condid: '@condid' }

    );
}]);

控制器：

$scope.addNew = function() {
   //how do I pass id and condid below?
   toys.save({'name': 'my first toy'});
})

以上代码将传递url，如

/api/v1/toy/condition/

我需要发送请求网址

/api/v1/toy/6666/condition/abd with parame {'name': 'my first toy'}

我该怎么做？

感谢您的帮助！

Answer 1

在API参考中非常清楚地描述了它：

https://docs.angularjs.org/api/ngResource/service/$resource

$resource(url)返回的是一个类对象。如果要创建新实例并保存它，您将在实例上调用$save方法：

var Toy = $resource('/api/v1/toy/:id/condition/:condid',
    {id: '@id', condid: '@condid'});

var toy = new Toy({'id': 123, 'condid': 456, 'name': 'my first toy'});
toy.$save();

但是如果要调用对象创建API，则必须向资源添加自定义方法：

var Toy = $resource('/api/v1/toy/:id/condition/:condid',
    {id: '@id', condid: '@condid'},
    {createToy: {method: 'POST', url: '/create-toy'}});

Toy.createToy({name: 'Slingshot'});

Answer 2

var newToy = new Toys({id: '6666', condid: 'abd'});
newToy.name = 'my first toy';
newToy.$save();

Answer 3

试试这个

$scope.addNew = function() {
    toys.save({'id': 'foo', 'condid': 'bar'});
})

Answer 4

将$ http控制器逻辑外推到服务/工厂是正确的。

创建一个方法来设置将使用HTTP POST请求发送的对象。还可以创建设置URL的另一种方法。然后，控制器将在保存之前调用这些方法，以设置要用于HTTP调用的URL和对象。可以在控制器中指定动态URL（根据需要具有唯一ID和其他字段）并将其发送到服务。

服务代码：

var dataObj = [];
var myUrl = "";

//called from controller to pass an object for POST
function setDataObj(_dataObj) {
   return dataObj = _dataObj;  
};

function setUrl(_url) {
   return myUrl = _url;
}

function saveToy() {

   //if sending a different type of obj, like string, 
   //add "headers: { 'Content-Type': <type> }" to http(method, url, header)
   $http({ method: 'POST', url: myUrl })
      .then(function(data) {
         return data;      
      })
      .catch(function(error) {
         $log.error("http.post for saveToy() failed!");  //if log is added to service  
      });
};

控制器代码：

$scope.id = 574;  //or set somewhere else
$scope.condid = 'abd';
$scope.objectYouWantToSend = [{"toyName": "Teddy"}];

// to obtain dynamic url for /api/v1/toy/:id/condition/:condid
$scope.url = '/api/v1/toy/' + $scope.id + '/condition/' + $scope.condid;

$scope.addNewToy = function() {
   toyService.setUrl(url);  //set the url
   toysService.setDataObj($scope.objectYouWantToSend);  //set the dataObj
   toysService.saveToy();  //call the post method;
};

John Papa的AngularJS风格指南很好地组合在一起，涵盖了多种格式的场景。以下是数据服务工厂部分的链接： https://github.com/johnpapa/angular-styleguide#separate-data-calls

如何以角度发送帖子请求？

4 个答案: