Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
  • Loading branch information
SpringSrikanth committed Jul 20, 2022
2 parents 5155d70 + c4d6b85 commit 28f7a85
Showing 1 changed file with 24 additions and 5 deletions.
29 changes: 24 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -39,12 +39,31 @@ Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app w
- Add some dummy data in the form array by directly using formgroup or skills.push method.

- Displaying form array in app.component.html to follow below options.
```bash
<form class="form" [formGroup]="form">
</form>
```

```bash
<form class="form" [formGroup]="form">
<div class="container">
<div formArrayName="skills"></div>
</div>
</form>
```


-`<form class="form" [formGroup]="form"></form>`

-`<form class="form" [formGroup]="form"><div class="container"><div formArrayName="skills"></div></div></form>`

-`<form class="form" [formGroup]="form"><div class="container"><div formArrayName="skills"><div *ngFor="let skill of skills.controls;let i=index" ><div [formGroupName]="i"><input type="checkbox" formControlName="checked" /> {{skill.get('name').value}}</div></div></div></div></form>`
```bash
<form class="form" [formGroup]="form">
<div class="container">
<div formArrayName="skills">
<div *ngFor="let skill of skills.controls;let i=index" >
<div [formGroupName]="i"><input type="checkbox" formControlName="checked" /> {{skill.get('name').value}}</div>
</div>
</div>
</div>
</form>
```


### OUTPUT
Expand Down

0 comments on commit 28f7a85

Please sign in to comment.