javascript - 验证不适用于具有 'Required' 属性的文件输入 - AngularJS

Question

我一直在解决这个问题，但无法让它发挥作用。我正在创建一个 Angular 表单，当 required 属性被添加到文本字段时，我能够使验证工作。但是，如果输入类型 file 添加了 required 属性，我注意到显示了 $error.required 文本，但它甚至没有验证如果选择了一个文件。即使在添加文件后它仍然显示为无效。我在 jsfiddle 中创建了一个示例，因此您可以检查一下:http://jsfiddle.net/Alien_time/kxSaz/6/

验证对文件输入不起作用吗？如何在使用文件选择时添加必需的选项并对其进行验证？

Answer 1

ngModelController目前不支持输入类型=文件。

您可以使用自定义指令解决您的问题。

app.directive('validFile',function(){
  return {
    require:'ngModel',
    link:function(scope,el,attrs,ngModel){
      el.bind('change',function(){
        scope.$apply(function(){
          ngModel.$setViewValue(el.val());
          ngModel.$render();
        });
      });
    }
  }
});

see usage here