Angular 2: Iterate over reactive form controls

by

Found out that Object.keys can handle this..

    Object.keys(this.form.controls).forEach(key => {
      this.form.get(key).markAsDirty();
    });

For Angular 8+, use the following (based on Michelangelo answer):

    Object.keys(this.form.controls).forEach(key => {
      this.form.controls[key].markAsDirty();
    });

More Related Contents:

  1. Angular HTTP GET with TypeScript error http.get(…).map is not a function in [null]
  2. How to detect a route change in Angular?
  3. How can I use “*ngIf else”?
  4. Error when trying to inject a service into an angular component “EXCEPTION: Can’t resolve all parameters for component”, why?
  5. Angular2 change detection: ngOnChanges not firing for nested object
  6. How to go back last page
  7. Difference between [ngClass] vs [class] binding
  8. Angular Subscribe within Subscribe
  9. How to store token in Local or Session Storage in Angular 2?
  10. How to use [(ngModel)] on div’s contenteditable in angular2?
  11. How can I conditionally disable the routerLink attribute?
  12. Cannot read property ‘push’ of undefined(…) in angular2
  13. When to use square brackets [ ] in directives @Inputs and when not?
  14. Angular2 – Interaction between components using a service
  15. How to implement sleep function in TypeScript?
  16. Can’t reload/refresh active route
  17. Error trying to diff ‘[object Object]’ in Angular
  18. Error: supportsScrollBehavior is not declared configurable
  19. Differences between value and ngValue in Angular 5
  20. Reactive Forms: How to add new FormGroup or FormArray into an existing FormGroup at a later point in time in Angular till v14
  21. Docker container doesn’t reload Angular app
  22. Angular: selected on option of select doesn’t work as excepted while using along with ngModel
  23. NX MFE angular module federation not able to access remote micro front end
  24. Angular routerLink does not navigate to the corresponding component
  25. Default sorting in Angular Material – Sort header
  26. ng2 – Difference between ng-container and ng-template tags
  27. How to use pipes in Angular 5 reactive form input
  28. How to add multiple headers in Angular 5 HttpInterceptor
  29. Angular5: Deploying Angular application to multiple clients
  30. Cypress 12.8.1 not working with Stripe Elements iframe

Leave a Comment