javascript - 从 ng-click 属性中选择另一个 HTML 元素

Question

我正在尝试将文件传递到函数中，该文件源自输入类型的文件。我的代码看起来像这样。

<input type="file" id="scvFileUploadId"/>

<button id="uploadFilesubmit" ng-click"ctrl.uploadFile()">Upload</button>

简而言之，我想获取已添加到输入的文件并将其传递到单击按钮时触发的 ng-click 属性的函数的参数中。我认为这可能很简单，但目前我无法理解它。

我正在尝试做这样的事情。

<input type="file" id="scvFileUploadId"/>

<button id="uploadFilesubmit" ng-click"ctrl.uploadFile(#scvFileUploadId.file)">Upload</button>

Answer 1

我的解决方案是使用 Angular 的元素选择器指向保存文件的输入元素，然后将其结果作为参数传递给函数，如下所示:

<input type="file" id="scvFileUploadId" />

<button id="uploadFilesubmit" onclick="angular.element(this).controller().uploadFile(angular.element(document.querySelector('#csvFileUploadID'))[0].files[0])">Upload</button>

我不确定这个解决方案是否是最“Angular”的方式，但是对于在应用程序的这一部分上完成的 Angular 输入文件上传缺乏支持，有一些现有的解决方法，迫使我进行交互与 DOM，所以这在我的场景中已经足够了。