Angular reactive form get initial value form input field

Question

I am using angular 5 and create a reactive form where implement a multiple add input field. This form has a index value that increment form loop ordering. I am using a model to get data. Every data i am getting and working fine but there was some problem, i cant get input field value that auto increment according to loop. here is my code sample.

<form [formGroup]="myForm" novalidate (ngSubmit)="createSurveys(myForm.value)">

<input type="number" class="form-control" [value]="i" formControlName="index" >

</form>


this.myForm = this._fb.group({
        name: ['', [Validators.required,Validators.minLength(5)]],
        question_record: this._fb.array([
            this.initQuestions()
        ])
    });

initQuestions() {
    return this._fb.group({
        index: [0]
    });
}

result

{
 "name": "abcde",
 "data": [
    {
      "title": "sssss",
      "index": 0
    },
    {
      "title": "ssss",
       "index": 0,
    }
  ]
}

when i console my data all data working find but i cant get index data and it always show default value that i set into the model that is 0.

Kliment Ru · Accepted Answer · 2018-02-18 10:16:00Z

2

Use formArray for looping this._fb.array([])

Example here https://stackblitz.com/edit/angular-aw5zpx?file=app%2Fapp.component.ts

edited Feb 18, 2018 at 10:16

answered Feb 18, 2018 at 7:30

Kliment Ru

2,13716 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

raihan Over a year ago

<input type="number" class="form-control text-center" id="index" formControlName="index" [value]="i"> problem is that want to get index value but always show default value

Kliment Ru Over a year ago

See example here stackblitz.com/edit/angular-aw5zpx?file=app%2Fapp.component.ts

raihan Over a year ago

understand but u get data from click index button. my problem is how to get value from input such as want to get value <input type="text" formControlName=index value="0"> <input type="text" formControlName=index value="1"> <input type="text" formControlName=index value="2"> this value i want to set my model . please give me solution for this problem

Collectives™ on Stack Overflow

Angular reactive form get initial value form input field

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related