javascript - 如何在以下情况下禁用 AngularJS 中的提交？

Question

我在 AngularJS 的 HTML 表单中禁用 提交按钮 时遇到了一些问题。

场景:

• 我正在从 HTML 选择框中选择某个过程，即。降低下载列表
• 一旦我从中选择了一些条目，下面的部分就是自动填充所需的表格，该表格再次具有一组输入
• 填写这些值后，您可以提交或取消请求

条件:
列表中有一个过程，我需要上传 1 个或多个文件以及其他输入参数。为此，我使用了两步法，首先使用按钮选择文件，然后使用另一个按钮上传文件。单击此按钮进行 REST 调用，并将文件发送到所需的目标。
我正在使用来自 https://github.com/danialfarid/ng-file-upload 的 ng-file-upload 指令来完成这个。

问题:
我最初使用 ng-disabled 禁用提交按钮，条件是所有必填输入元素都已填写并且所有输入验证均已通过。现在，当我处于需要上传文件的用例中时，问题就出现了。当我选择一个文件并上传它时，HTML 将该元素视为空元素，因为该文件已发送到其目标，因此验证失败所有必需的输入元素都已填充!如果我删除此验证，即使必填字段为空，我的表单也会被提交。

那么在这种情况下我可以做什么来禁用我的提交按钮呢？

Answer 1

按照@ShashankVivek 的说法创建一个 bool 变量。

如果文件已上传 $scope.uploaded = true。

所以你的按钮应该是这样的

<button data-ng-disabled="!form.valid && !uploaded">Submit</button>