La validazione non funziona per l'input di file con attributo 'Richiesto' - AngularJS

Question

Ho giocato a questo problema e non sono riuscito a farlo funzionare. Stavo creando una forma angolare e sono riuscito a far funzionare la convalida quando l'attributo required è stato aggiunto al campo di testo. Tuttavia, se un tipo di input viene aggiunto con l'attribuzione required, ho notato che il testo $error.required viene visualizzato ma non convalida anche se viene selezionato un file. È ancora valido come non valido anche dopo aver aggiunto un file. Ho creato un esempio in jsfiddle in modo da poterlo verificare: http://jsfiddle.net/Alien_time/kxSaz/6/

Non funziona la validazione per gli input dei file? Come posso aggiungere un'opzione richiesta e convalidarla quando si utilizza il file select?

Answer 1

ngModelController attualmente non supporta il tipo di input = file.

è possibile risolvere il problema con una direttiva personalizzata.

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