如何触发“点击”事件对角文件输入？ [英] How to trigger 'click' event of on a file input in Angular?

问题描述

下面是在视图玉：

 按钮＃保存-CSV-BTN（NG-点击=点击（））导出CSV
输入＃保存-CSV（样式=显示：无，键入=文件的onchange =。angular.element（本）.scope（）saveCSVFileChanged（本））
 

JS：

  $ scope.click =  - ＆GT;
    ＃$（'＃保存-CSV'）。触发（点击）
 

错误我得到：

 错误：$已经在进行申请
 

解决方案

当时的想法是使用按钮的emulate的文件输入;我实现了这个使用 http://gregpike.net/demos/bootstrap-file-input /demo.html 。

 输入＃保存-CSV（类型=文件，标题=导出到CSV的onchange =angular.element（本）.scope（）。saveCSVFileChanged（本） ）
 

here is the view in 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 I get:

Error: $apply already in progress

解决方案

The idea was to use button to 'emulate' the file input; I achieved this using 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)") 

这篇关于如何触发“点击”事件对角文件输入？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！