javascript - 验证不适用于具有“必需”属性的文件输入-AngularJS

Question

我一直在玩这个，无法让它工作。required我正在创建一个角度表单，当属性添加到文本字段时，我能够使验证工作。file但是，如果添加了带有属性的输入类型required，我注意到显示了$error.required文本，但即使选择了文件，它也不会验证。即使添加了文件，它仍然显示为无效。我在 jsfiddle 中创建了一个示例，因此您可以查看：http: //jsfiddle.net/Alien_time/kxSaz/6/

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

Answer 1

ngModelController目前不支持 input type=file。

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

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();
        });
      });
    }
  }
});

在这里查看用法