在ngResource $ save

时间:2015-04-25 13:27:39

标签: javascript angularjs

所以我试图$保存一个对象并在之后清空它的值。

我有:

$scope.newObject = new ObjectService()

$scope.saveObject = function(objectToSave)

所以ng-click="saveObject(newObject)调用该函数传递对象,然后我在$ save完成后尝试清空它的值。我想要这样做的方法是再次将objectToSave初始化为new ObjectService()(就像$ save()之前一样)。问题是它不起作用(我知道这可能与Javascript基础知识有关,我只是不知道它是什么)。

请查看下面的代码段。代码注释更好地解释了我的问题。

请注意! :我试图在.error()函数中处理$ save的响应,因为这是一个例子。



angular.module('app', ['ngResource'])
  .controller('ctrl', ['$scope', 'ObjectService',
    function($scope, ObjectService) {
      $scope.newObject = new ObjectService();
      $scope.newObject.foo = 'something';

      $scope.saveObject = function(object) {
        object.$save(function() {
          // won't success in this example..
        }, function() {
          //object.foo = '...'; // This works fine.
          object = new ObjectService();
          // $scope.newObject shouldn't be a new ObjectService now? So $scope.newObject.foo should be an empty string

        });
      };
    }
  ])
  .factory('ObjectService', ['$resource',
    function($resource) {
      return $resource('http://somewhere/something', {
        foo: '@foo'
      });
    }
  ]);

<html ng-app="app">

<body ng-controller="ctrl">
  <input type="text" ng-model="newObject.foo">
  <button type="button" ng-click="saveObject(newObject)">Save</button>

  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
  <script src="https://code.angularjs.org/1.3.15/angular-resource.min.js"></script>
</body>

</html>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

object = new ObjectService();

因为参数在Javascript中传递给函数的方式而无法工作。见https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions

在您的情况下,您可以为$ scope.newObject分配一个新的空对象。

$ scope.newObject = new ObjectService();

您甚至不需要参数,因为您可以使用变量$ scope.newObject来调用资源方法。