Validating angularjs forms created within ng-repeat

Question

I am dynamically creating multiple forms using ng-repeat, and i need to validate each one independently but it seems that I cannot dynamically set a form name and then validate it dynamically.

<div ng-repeat="quote in quotes" ng-form="quote{{$index}}" novalidate>

  <div ng-if="quote$index.$invalid">INVALID</div>

</div>

How would i validate forms separately that are dynamically generated?

beaver · Accepted Answer · 2016-02-09 08:49:07Z

1

Have you checked these posts?

http://triangular.io/blog/form-validation-vs-ng-repeat/ (here is a solution based on a custom directive)
https://scotch.io/tutorials/building-dynamic-angular-forms-with-ngrepeat-and-ngform (here is a solution based on ngForm)

answered Feb 9, 2016 at 8:49

beaver

17.8k2 gold badges43 silver badges70 bronze badges

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

1 Comment

Matt Price Over a year ago

Yes, but these tutorials do not explain how to validate multiple forms, independently.

Collectives™ on Stack Overflow

Validating angularjs forms created within ng-repeat

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related