相关疑难解决方法(0)

我有一个隐藏的文件输入元素.是否可以从按钮的单击事件触发其选择文件对话框？

这是以下观点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

我一直在尝试使用其他元素中的角度ng-click在我的input元素中触发click事件,如下所示:

HTML

<div class="myClass" ng-click="vm.selectImage()" nv-file-drop uploader="vm.uploadImage">
    Drop your image here
</div>
<div ng-hide="!hideInput">
    <input type="file" id="imgSelect" nv-file-selec uploader="vm.uploadImage" />
</div>

调节器

vm.selectImage= selectImage;
function selectImage() {
    angular.element('#imgSelect').trigger('click');
};

我知道还有其他类似的问题,但我试图使用他们所说的(其中一组显示我正在使用的相同代码),例如:

• 如何使用angularjs触发ng-click中另一个元素的click事件？
• angular-file-upload - 如何使drop zone可点击？
• 如何按类名或ID获取元素

但即便如此,甚至使用这样的指令:

.directive('selectImg', selectImg);
function selectImg() {
    return {
        restrict: 'A',
        link: function(scope, element) {
            element.bind('click', function(e) {
                //option 1
                angular.element(e.target).siblings('.imgSelect').trigger('click');

                //option 2
                angular.element( document.querySelector( '#imgSelect' ) ).trigger('click');

                //option 3
                var myEl = angular.element( document.querySelector( '#imgSelect' ) );
                myEl.trigger('click');

                //option 4
                angular.element('#imgSelect').trigger('click'); //angular way
            }); …