Невозможно связать форму с входным ионным

Question

Я хочу связать свои динамические поля ввода с помощью ионного HTML-шаблона.

home.html

    <form [formGroup]="clientForm">
     <ion-item *ngFor="let obj of clientForm.controls.assign_array.controls;let z=index">
            <ion-input placeholder="Type dat" type="text"></ion-input>
          </ion-item>
    </form>

home.ts

constructor(){
 this.clientForm = this._fb.group({
   assign_array: this._fb.array([])
 });
}

При сохранении нажмите:

btnClick(){
    console.log("clintform--- " + JSON.stringify(this.clientForm.value));
}

Вывод: {"assign_array": ["", "", ""]]}

Я вижу несколько полей ввода в своем приложении, но когда я что-то набираю в каждом поле, в моем журнале не отображается значение assign_array fields

Где я делаю ошибку?

Заранее спасибо!

Answer 1

Вам нужно пометить formControlName для ваших входных данных, так как вам нужны строковые значения, вы можете просто использовать индекс в качестве formcontrolname, который вы получите из своей итерации:

<form [formGroup]="clientForm">
  <ion-item *ngFor="let obj of clientForm.get('assign_array').controls; let z=index">
    <ion-input [formControlName]="z" placeholder="Type dat" type="text"></ion-input>
  </ion-item>
</form>

Answer 2

Вы должны просто использовать [(ngModel)] в вашем html, как это.

<ion-input placeholder="Type dat" type="text" [(ngModel)]="inputFieldValue"></ion-input>

и в .ts файле

public inputFieldValue;
console.log("--------inputFieldValue-------",inputFieldValue)

Надеюсь, это поможет вам.