угловой 5 вложенный нгфор

Question

Я пытаюсь добавить несколько полей формы одним нажатием кнопки.Для достижения этого я использую массив, поэтому элемент массива нажимается одним нажатием кнопки, и в зависимости от элементов массива создается форма.В этой форме у меня есть поле выбора, которое заполняется другим массивом.Поля генерируются нормально, но выбор не заполняется.

app.component.ts

---

import { Component } from "@angular/core";
import { test } from './test';

  @Component({
  selector: "app-root",
  templateUrl: './app.component.html'
})
export class AppComponent {
  mytest: test[] = [];
  fields: string[] = ['First Name','Last Name','Email Address','Address1 ','Address2 ','City','Postal Code','Province']

  add() {
    this.mytest.push({name: 't',type: 't',placeholder:'t',values:'t'});
    console.log(this.mytest);
  }
}

app.component.html

---

<form #formRef="ngForm">
  <div *ngFor="let word2 of mytest; let in=index" class="col-sm-3">
      <div class="form-group">
        <select id="fe[in]">
          <option *ngFor="let f of fields">{{f}}</option>
        </select>
        <input type="text" [(ngModel)]="word2[in].name" name="name{{in}}" class="form-control" #name="ngModel" required />

      </div>
      <br />
  </div>
  <button [disabled]="!formRef.form.valid" (click)="add()">Add input</button>
</form>

test.ts

---

export interface test{
    name: string;
    type: string;
    placeholder: string;
    values: string;
}