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

发布时间：2020-12-17 08:40:01 所属栏目：安全来源：网络整理

导读：我尝试触发 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”>的点击事件元素从按钮。

<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');
        });
      }
    };
});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!