如何在Angular上的文件输入上触发'click'事件？

Question

这是以下观点jade:

button#save-csv-btn(ng-click="click()") Export CSV
input#save-csv(style="display:none", type="file", onchange="angular.element(this).scope().saveCSVFileChanged(this)")

JS:

$scope.click = ->
    # $('#save-csv').trigger('click')

我得到的错误:

Error: $apply already in progress

Answer 1

我改变了$scope.click函数来触发输入点击setTimeout.这让第一次$apply完成,然后将触发另一次.

$scope.click = function() {
    setTimeout(function() {
        inputEl.click();
    }, 0);
}

请注意,我使用setTimeout,而不是$timeout.$timeout也会在一个$apply街区内.

Answer 2

这个想法是使用按钮来“模拟”文件输入；我使用http://gregpike.net/demos/bootstrap-file-input/demo.html实现了这一点。

input#save-csv(type="file", title="Export to CSV", onchange="angular.element(this).scope().saveCSVFileChanged(this)")