javascript - 在angularjs中验证文件上传

Question

您好，我正在使用 angularjs 开发 Web 应用程序。我正在开发文件上传模块。我有一种形式，内部形式我有文件上传控制。如果文件未上传，则单击提交(提交表单)时，我想将文件控件设置为红色。我设计了 CSS 类来使文件控件变红。

 <div class="upload-button bank button1" ng-class="{'has-error': 
      vm.hasFileInputError(myFileID) }">
       <div class="upload-button-icon" >
             <span class="text">{{ 'ID' | translate }}</span>
                    <input type="file" file-modelsr="myFileID" />
       </div>
   </div>

我正在用 javascript 编写验证规则。

 $scope.vm = {};
            function hasFileInputError(myFileID) {
                return this.form2.$submitted && this.form2.myFileID.$invalid ||
                  form2.myFileID.$invalid && form2.myFileID.$dirty;
            }

如果文件尚未上传，则单击提交按钮时，我想将文件控件设置为红色。这没有发生。我试图弄清楚这个问题，但没有解决。我可以得到一些帮助来解决这个问题吗？谢谢。

Answer 1

您已将您的 myFileID 传递给函数。那么为什么需要 $form 验证呢？因为如果任何其他字段无效，则 form.&dirty 始终返回 false。

最好把你的方法改成这样

vm.hasFileInputError = function (myFileID) {
                return myFileID == undefined || myFileID == '' ? true : false
            }

编辑:

你应该阅读这个讨论:AngularJS - Why use "Controller as vm"?