在控制器中将数据添加到Angular表单(Add data to Angular form in controller)

在控制器中将数据添加到Angular表单(Add data to Angular form in controller)

我是Angular的新手，我正试图让它使用我的API从表单创建一个新的Droplet。 我可以让它正确提交我的表单数据，但我需要为用户ID添加一个隐藏字段。 我假设最好的方法是在将它发送到我的工厂之前在控制器中添加它作为POST请求发送。 我的控制器看起来像这样：

$scope.createNewDroplet = function () { drop.create($scope.drop).success(function(droplet) { $scope.createdDroplet = droplet; }); };

工厂看起来像这样：

app.factory('drop', ['$http', function($http) { return { create: function (drop) { return $http.post('/droplets/', drop) } } }]);

我可以通过$ scope.user.id访问用户ID。 我如何将“user_id：$ scope.user.id”添加到请求中？

I am new to Angular and am trying to get it to create a new Droplet from a form using my API. I can get it to submit my form data correctly but I need to add a hidden field for a user ID. I assume the best way is to add this in the controller before sending it to my factory to be sent as POST request. My controller looks like this:

$scope.createNewDroplet = function () { drop.create($scope.drop).success(function(droplet) { $scope.createdDroplet = droplet; }); };

And the factory looks like this:

app.factory('drop', ['$http', function($http) { return { create: function (drop) { return $http.post('/droplets/', drop) } } }]);

I have access to the user id through $scope.user.id. How would I go about adding "user_id: $scope.user.id" to the request?

最满意答案

尝试这个...

$http.post('/droplets/', {drop: drop, userId: $scope.user.id})

编辑

回答你关于无法在工厂中访问范围的评论......

在调用工厂代码之前更改控制器中的数据。

$scope.createNewDroplet = function () { $scope.drop.user_id = $scope.user.id; drop.create($scope.drop).success(function(droplet) { $scope.createdDroplet = droplet; }); };

Try this...

$http.post('/droplets/', {drop: drop, userId: $scope.user.id})

Edit

In answer to your comment about not being able to access scope in the factory...

Change the data in your controller before calling your factory code.

$scope.createNewDroplet = function () { $scope.drop.user_id = $scope.user.id; drop.create($scope.drop).success(function(droplet) { $scope.createdDroplet = droplet; }); };