How do I set the ngModel for dynamically added new input rows angular 4+ (mat-table)

Question

I will keep it short , i want to add ngModel to dynamically added new input rows (I have Mat table with multiple rows with add element method which adds new row everytime on click of button) so that i can bind the user entered values and send to Backend,

Please see StackBlitz

The example that you have shared its jus working fine - you can get the all values by using - `myformArray?.value` — Prashant Pimpale, Dec 06 '19 at 05:29
Ya the same way, myformArray?.value gives me all the values , what if i want only name ? — Umesh C, Dec 06 '19 at 05:48

Prashant Pimpale · Accepted Answer · 2019-12-06T09:08:24.927

1

To get the array of all values you can use:

this.myformArray.value

To get the array of particular key like name then you can use map operator:

this.myformArray.value.map(x => x.name); // will return ["n1","n2","n3"]

edited Dec 06 '19 at 09:08

answered Dec 06 '19 at 07:44

Prashant Pimpale

10,349
9
44
84

How do I set the ngModel for dynamically added new input rows angular 4+ (mat-table)

1 Answers1