Question

我是角度js的新手，我想禁用上传按钮，直到选中该文件。根据以下代码，该按钮被禁用，但在选择文件后未启用该按钮。

请帮帮我。

这是我的HTML代码：

<input type="file" id="upload" name="file" class="uploadFile" required="required" ng-model="fileToUpload">

<input type="submit" id ="submitFile" value="PostUsingAjax" onClick="uploadFile()"
                        ng-disabled = "form.$invalid || disabled" ng-click ="disableButton()">

Answer 1

<div ng-app>
  <div ng-controller="FileCtrl">
  <form name="myForm">
    <input type="file" id="upload" name="file" class="uploadFile" required ng-model="fileToUpload">
    <input type="submit" id ="submitFile" value="PostUsingAjax" ng-disabled="myForm.$invalid" ng-click ="doFile(fileToUpload)">
  </form>
  </div>
</div>

我添加了一些必要的包装。这里有一些要拿走的东西：

1：为表单命名，以便在以下情况ng-disabled="myForm.$invalid"中引用它。表单名为myForm。

2：文件输入所需的属性不需要值。只是出现就足够了。

3：我添加了自定义angularjs ng-click。可以像你一样使用默认的onClick，但混合和匹配监听器可能不好。

4：必需对文件字段不起作用。您需要添加一个指令。关于此，还有其他几个堆栈溢出答案。

尝试以上任何一种答案。

选择文件上载路径后启用提交按钮AngularJs

1 个答案: