Dynamic validation and name in a form with AngularJS

by

You can’t do what you’re trying to do that way.

Assuming what you’re trying to do is you need to dynamically add elements to a form, with something like an ng-repeat, you need to use nested ng-form to allow validation of those individual items:

<form name="outerForm">
<div ng-repeat="item in items">
   <ng-form name="innerForm">
      <input type="text" name="foo" ng-model="item.foo" />
      <span ng-show="innerForm.foo.$error.required">required</span>
   </ng-form>
</div>
<input type="submit" ng-disabled="outerForm.$invalid" />
</form>

Sadly, it’s just not a well-documented feature of Angular.

More Related Contents:

  1. angularjs 1.6.0 (latest now) routes not working
  2. Can you override specific templates in AngularUI Bootstrap?
  3. AngularJS – convert dates in controller
  4. AngularJS $location not changing the path
  5. Validate form field only on submit or user input
  6. Get value when selected ng-option changes
  7. How do I escape curly braces for display on page when using AngularJS?
  8. Ng-click doesn’t work inside ng-repeat
  9. Custom form validation directive to compare two fields
  10. When not to use ‘track by $index’ in an AngularJS ng-repeat?
  11. Loading a mock JSON file within Karma+AngularJS test
  12. exact filter in angular
  13. Can protractor be made to run slowly?
  14. Using $index with the AngularJS ‘ng-options’ directive?
  15. Making an angular filter conditional
  16. Enable/Disable Anchor Tags using AngularJS
  17. How do i use $on in a service in angular?
  18. Illegal use of ngTransclude directive in the template
  19. AngularJS $q. Deferred queue
  20. angularjs ui-router strange behaviour with additional segment in route
  21. AngularJS check if form is valid in controller
  22. Multiple Module in Angularjs
  23. Angular ng-click event delegation
  24. WebAPI CORS with Windows Authentication – allow Anonymous OPTIONS request
  25. Dynamic content added with AngularJS click event not working on the added content
  26. Ui-Router $state.go inside $on(‘$stateChangeStart’) is cauzing an infinite loop
  27. AngularJS Service Passing Data Between Controllers
  28. AngularJS: Uncaught Error: [$injector:modulerr] Failed to instantiate module?
  29. AngularJS – Directives vs Controllers
  30. What is $$phase in AngularJS?

Leave a Comment