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

时间:2014-04-30 14:40:56

标签: javascript angularjs

我制作了一个可以编辑文字的网页,在您停止输入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);
}

1 个答案:

答案 0 :(得分:13)

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

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