如何在ng-click中使用angularjs触发另一个元素的点击事件?

前端之家收集整理的这篇文章主要介绍了如何在ng-click中使用angularjs触发另一个元素的点击事件?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我尝试触发< input type =“file”>的点击事件元素从按钮。
<input id="upload"
    type="file"
    ng-file-select="onFileSelect($files)"
    style="display: none;">

<button type="button"
    ng-click="angular.element('#upload').trigger('click');">Upload</button>

它的常见做法是隐藏被称为< input type = file>并通过一些其他方式触发其点击事件。

如果你的输入和按钮是兄弟姐妹(他们在你的情况下OP):
<input id="upload"
    type="file"
    ng-file-select="onFileSelect($files)"
    style="display: none;">

<button type="button" uploadfile>Upload</button>

使用指令将按钮的点击绑定到文件输入,如下所示:

app.directive('uploadfile',function () {
    return {
      restrict: 'A',link: function(scope,element) {

        element.bind('click',function(e) {
            angular.element(e.target).siblings('#upload').trigger('click');
        });
      }
    };
});
原文链接:https://www.f2er.com/angularjs/145768.html

猜你在找的Angularjs相关文章