Angular validation: if dynamically add required attribute validation will break

Question

Trying to dynamically add validation to input file if I choose first option from select. But if I add required attribute, it still ng-valid in class. If I load file to input file, it still ng-empty. What's wrong? http://plnkr.co/edit/pjyCULes60jWf7yqNsyB?p=preview

Nico · Accepted Answer · 2016-05-25 08:45:48Z

1

The form validation in AngularJS depends on the ngModel attribute, which doesn't work with input type=file.

To solve this, either use ngFileUpload which helps you solve other problems you'll encounter with file upload in Angular as well, or see this or that answer.

edited May 25, 2016 at 8:45

answered May 25, 2016 at 8:31

Nico

5871 gold badge4 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

kipris Over a year ago

Could you advice me something to solve this problem?

kipris Over a year ago

As you can see, I added directive that creates the new attribute. The problem is in adding attribute dynamically. If I choose proper option and input file will show with adding valid-file attribute, ng-classes will not change, it stay ng-valid.

kipris Over a year ago

Do you know how to get the length of the loaded file? Something like this: $scope.userInfo.loadedFile.length() don't work :(

kipris Over a year ago

And I can't use ngFileUpload because I use another bootstrap plugin to stylize the input file.

kipris Over a year ago

I solved my problem. I used ng-if and I don't need dynamically add the attributes. Just add them in input tag.

Collectives™ on Stack Overflow

Angular validation: if dynamically add required attribute validation will break

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related