2

我认为这可能是任何角度应用程序的常见用例。我只是在观察我范围内的一些对象，这些对象在几个摘要周期中发生了变化。在消化它们（通过数据绑定更改它们的值）完成后，我想将它们保存到数据库中。

A. 现在，使用当前的解决方案，我看到以下问题：

  1. 在 $timeout() 中运行保存 - 如何确保只调用一次保存

  2. 在 $scope.$evalAsync 中运行自定义函数 - 如何找出已更改的内容

当然，这两个问题都有解决方案，但我所知道的没有一个对我来说似乎很优雅。

问题是：这个问题最优雅的解决方案是什么？

B. 特别是，最佳实践是什么？

  1. 确保 save 在摘要循环中只调用一次

  2. 在最后一次摘要后发现对象是脏的

4

1 回答 1

2

这是我发现最适合我的解决方案 - 作为 AMD 模块。灵感来自下划线。

   /**
     * Service function that helps to avoid multiple calls 
     * of a function (typically save()) during angular digest process.
     * $apply will be called after original function returns;
     */
        define(['app'], function (app) {
            app.factory('debounce', ['$timeout', function ($timeout) {
                return function(fn){ // debounce fn
                    var nthCall = 0;
                    return function(){ // intercepting fn
                        var that = this;
                        var argz = arguments;
                        nthCall++;
                        var later = (function(version){
                            return function(){
                                if (version === nthCall){
                                    return fn.apply(that, argz);
                                }
                            };
                        })(nthCall);
                        return $timeout(later,0, true);
                    };
                };
            }]);
        });


    /*************************/

    //Use it like this: 

    $scope.$watch('order', function(newOrder){
      $scope.orderRules.apply(newOrder); // changing properties on order
    }, true);

    $scope.$watch('order.valid', function(newOrder){
      $scope.save(newOrder); //will be called multiple times while digested by angular
    });

    $scope.save = debounce(function(order){
      // POST your order here ...$http....
      // debounce() will make sure save() will be called only once
    });
于 2013-05-04T08:03:50.387 回答