addControl to FormGroup dynamically in Angular

by

addControl is what you need. Please note the second parameters must be a FormControl instance like so:

this.testForm.addControl('new', new FormControl('', Validators.required));

You can also add the validators dynamically if you want with the setValidators method. Calling this overwrites any existing sync validators.

More Related Contents:

  1. How to disable a input in angular2
  2. When to use FormGroup vs. FormArray?
  3. How to set value to form control in Reactive Forms in Angular
  4. Angular 4 validator to check 2 controls at the same time
  5. ERROR Error: No value accessor for form control with unspecified name attribute on switch
  6. In Angular, how to add Validator to FormControl after control is created?
  7. Reactive Forms: How to add new FormGroup or FormArray into an existing FormGroup at a later point in time in Angular till v14
  8. What is the difference between formControlName and FormControl?
  9. Angular 5 Reactive Forms – Radio Button Group
  10. How to Using a FormArray in a FormGroup
  11. How to use pipes in Angular 5 reactive form input
  12. How to make a formControl readonly
  13. angular 6 warning for using formControlName and ngModel
  14. How to use reactive forms in a dynamic component
  15. Angular 2 – how round calculated number?
  16. Angular/RxJS When should I unsubscribe from `Subscription`
  17. Dynamically add event listener
  18. What is the equivalent of ngShow and ngHide in Angular 2+?
  19. How to use `trackBy` with `ngFor`
  20. Angular and Typescript: Can’t find names – Error: cannot find name
  21. Typescript/Angular/ES6: can I finally let `hasOwnProperty()` die in for loops?
  22. Function DocumentReference.set() called with invalid data. Unsupported field value: a custom Budget object
  23. Implementing a plugin architecture / plugin system / pluggable framework in Angular 2, 4, 5, 6
  24. Angular 4 Lazy loading with named router-outlet not working
  25. How to access host component from directive?
  26. Property ‘toPromise’ does not exist on type ‘Observable’
  27. TypeError: Object prototype may only be an Object or null: undefined Angular 8
  28. Angular 4 ExpressionChangedAfterItHasBeenCheckedError
  29. Custom encoding for urls using Angular 2 Router (using a + sign in place of a space)
  30. Custom Exception Handler in Angular2

Leave a Comment