Angular 8 - How to dynamically add and delete rows in a table through form. 

I added value in form but not updated in table...why I don't know... can u tell me the solution

A2aà

Yes

It should be [formGroup]

It should be [formGroup]

@@monojitpalchowdhury91 but is n't working

import ReactiveFormsModule

que pasho o_o what happened to you

I'm mean table is empty

userForm:FormGroup; listData:any; constructor(private fb:FormBuilder ){ this.listData = []; this.userForm = this.fb.group({ name : ['', Validators.required], address : ['', Validators.required], ContactNo: ['', Validators.required], gender: ['', Validators.required] }) } addItem(){ this.listData.push(this.userForm.value); this.userForm.reset(); } reset(){ this.userForm.reset(); } removeItems(element:any){ this.listData.forEach((value:any,dex:any) => { if(value == element){ this.listData.splice(dex,1) } }); } ..................................................................

html............... Name Adress Contact No Gender Add                      reset Name Address Contact No Gender Action {{item.name}} {{item.address}} {{item.ContactNo}} {{item.gender}} Remove