AngularJS:http.post不适用于号码

时间:2014-11-04 13:01:59

标签: angularjs

我对AngularJs很新...所以我希望我能够解释我的问题。我想制作一个CRUD应用程序,我不能发布帖子和删除部分。只有有效的东西才是得到的。

我遇到的问题是这样的:当我在表单中放置某些内容时,名称和描述文本就像在键盘上输入一样发送,但我不能发送新的时代......它始终是22我补充道。我该怎么办才能解决这个问题?

我必须将此数据发送到名称,年龄,描述和年龄必须始终为数字的json。

这是我的角色服务

中的addFriend部分
                function addFriend( name,description,age ) {
                var request = $http({
                    method: "post",
                    url: "myURL",
                    params: {
                        action: "add"
                    },
                    data: {
                    name: name,
                    age: 22,
                    description: description
                    }
                });

                return( request.then( handleSuccess, handleError ) );

            }

我是以这种方式在控制器中调用它:

 .controller("love",
  function($scope, friendService) {

   $scope.friends = [];


 $scope.form = {
  name: "",
  age: "",
  description: ""
};

loadRemoteData();


$scope.addFriend = function() {


  friendService.addFriend($scope.form.name, $scope.form.age, $scope.form.description)
    .then(
      loadRemoteData,
      function(errorMessage) {

        console.warn(errorMessage);

      }
  );

  $scope.form.name = "";
  $scope.form.age = "";
  $scope.form.description = "";

};

我的html中的控制器中的addFriend是在窗体上使用的按钮:

<form class="container" ng-submit="addFriend()">
 <label class="control-label container">
    <div class="input-group">
  <span class="input-group-addon">Name</span> 
    <input type="text" ng-model="form.name" size="20" /></div>
        <div class="input-group">
  <span class="input-group-addon">Age</span>
            <input type="text" ng-model="form.age" size="20" /></div>
            <div class="input-group">
  <span class="input-group-addon">Description</span>
    <input type="text" ng-model="form.description" size="20" /></div>
<span class="input-group-btn">
  <button type="submit" class="btn btn-primary" ng-submit="addFriend()" ng-disabled="!form.name || !form.description || !form.age">Add</button>
</span>
</form>

0 个答案:

没有答案