我试图仿效在AngularJS文件输入一个点击事件。我所看到的工作jQuery的范例，但我不想使用jQuery。

\r\r

\r

\r\r\r

请注意：出于某种原因，该按钮必须以触发超时功能pssed两次$ P $

我使用的setTimeout 这个帖子。

如何编程单击文件输入，只是AngularJS /香草的JavaScript？

您可以简单地使用

 ＆LT;按钮式=按钮的onclick =的document.getElementById（'输入'）点击（）。＆gt;点击ME＆LT;！/按钮＆GT; 

或

  $ scope.click =功能（）{    的setTimeout（函数（）{        的document.getElementById（'输入'）。点击（）        $ scope.clicked = TRUE;    }，0）;}; 

I am trying to emulate a click event on a file input in AngularJS. I have seen working jQuery examples, but I don't want to use jQuery.

'use strict';

angular.module('MyApp', []).

controller('MyCtrl', function($scope) {
  $scope.click = function() {
    setTimeout(function() {
      var element = angular.element(document.getElementById('input'));
      element.triggerHandler('click');
      $scope.clicked = true;
    }, 0);
  };
});

<script src="https://code.angularjs.org/1.3.14/angular.js"></script>
<div ng-app="MyApp" ng-controller="MyCtrl">
  <input id="input" type="file"/>
  <button ng-click="click()">Click me!</button>
  <div ng-if="clicked">Clicked</div>
</div>

note: For some reason the button needs to be pressed twice in order to trigger the timeout function.

I am using setTimeout because of this post.

How do I programmatically click a file input with just AngularJS / vanilla JavaScript?

You can simply use

 <button type="button" onclick="document.getElementById('input').click()">Click me!</button>

OR

$scope.click = function() {
    setTimeout(function() {
        document.getElementById('input').click()
        $scope.clicked = true;
    }, 0);
};