Reputation: 137
I want to get data of mdTextBox
which is inside my formarray how do i get it here is code i wrote:
<form [formGroup]="myForm">
<ion-list>
<div formArrayName="mdNames" style="background-color:white">
<ion-list *ngFor="let obj of myForm.controls.mdNames.controls; let i=index">
<div [formGroupName]="i">
<ion-item no-lines>
<ion-input formControlName="mdTextBox" type="text" class="textFields" placeholder="Type details"></ion-input>
</ion-item>
</div>
</ion-list>
</form>
code inside .ts file:
console.log("output is "+ <FormArray>this.myForm.get('mdNames.mdTextBox'));
output shows: null
i want output to be: ["1","22","33"]
if 3 mdTextBox
are available
Where i am making mistake?
Upvotes: 3
Views: 395
Reputation: 142
use .map() function to convert
[{"mdTextBox":1},{"mdTextBox":22},{"mdTextBox":321}]
to
[1,22,321]
Upvotes: 1