javascript - ngf-select 是做什么的，为什么需要它来进行表单验证？

Question

我是 AngularJS 菜鸟。我试图实现一个表单，它要求填写所有输入字段，包括文件上传输入。

与第一个例子完全一样: https://angular-file-upload.appspot.com/

所以我创建了一个简单的表单来测试它:

<form name="myForm">
        <input id="userUpload" ng-model="filename" name="userUpload" required type="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" />
        <input id="userName" ng-model="username" name="name" required type="text" />
        <button ng-disabled="myForm.$invalid" class="btn btn-primary">Ok</button>
    </form>

但是这不起作用。确定按钮将永远保持禁用状态。我发现如果我将属性 ngf-select="" 添加到文件输入字段:

<input id="userUpload" ng-model="filename" name="userUpload" required ngf-select="" type="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" />

然后表单按预期工作。当 userName 和 userUpload 输入字段都已填写时，确定按钮将启用。我尝试使用谷歌搜索 ngf-select 但找不到满意的答案。它的作用是什么？为什么表单必须按预期运行？

Answer 1

ngf-select 是一个文件上传指令，定义了当您选择文件时发生的事情。

您可以添加要使用 ngf-select 作为 ngf-select="uploadFunction($file)" 执行的文件上传逻辑函数，这将确保文件一旦用户从计算机上选择它，它就会自动上传，您不必单击上传按钮。

ngf-select 基本上定义了当您从计算机中选择文件时会发生什么。