Skip to content

Instantly share code, notes, and snippets.

@sibinx7
Last active April 7, 2020 08:29
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sibinx7/a5afdaedd9518752d2a0739f737a426d to your computer and use it in GitHub Desktop.
Save sibinx7/a5afdaedd9518752d2a0739f737a426d to your computer and use it in GitHub Desktop.
Angular 2+ learning

Angular Form

Angular form array -> group -> control

  • Watch value change in a form group array
availablePackages.forEach((item, index) => { // availablePackages is an array
      /* Watch value change package[index], specific group only */
      this.budgetForm.get('package').get(`${index}`).valueChanges.subscribe((value) => {
        console.log(value);
        console.log(index);
        console.log(`Change array second value....`);
      });
    });

Update array object in angular with rective form

this.budgetForm.setControl('package',
      this.formBuilder.array(
        availablePackages.map((item) => this.formBuilder.group(item))
      ));
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment