使用带有参数的函数的$ timeout,AngularJS fn不是函数错误

Question

我正在创建一个可以编辑文本的网页,在您停止输入1秒后,它将自动保存您输入的内容.

目前我正在研究$ timeout细节.当我调用update没有参数的方法时,我有它工作,但当我用params调用它时,我得到错误:

Error: fn is not a function $TimeoutProvider/this.$get</timeout/timeoutId<@http://localhost:63342/express_example/bower_components/angular/angular.js:14014 completeOutstandingRequest@http://localhost:63342/express_example/bower_components/angular/angular.js:4300 Browser/self.defer/timeoutId<@http://localhost:63342/express_example/bower_components/angular/angular.js:4601

为什么我在执行此操作时出现此错误:

timeout = $timeout(update(element, content), 1000);

但不是我这样做的时候:

timeout = $timeout(update, 1000);

显然我需要将params传递给update方法,因为我需要知道要更新的内容.

debounceUpdate($(this), data.content);

var debounceUpdate = function(element, content) {
    console.log('in debouce');
    if (timeout) {
      $timeout.cancel(timeout);
    }

    timeout = $timeout(update(element, content), 1000);
};

// Update an existing section
var update = function(element, content) {
    console.log('in update');
    console.log('section_id to update is '+element.data('sectionId'));
    console.log(content);
}

Answer 1

您的代码update立即调用并尝试将其返回值作为$timeout回调传递.你真的想从$timeout处理程序调用更新:

timeout = $timeout(function() {update(element, content);}, 1000);