Создать динамическое текстовое поле

Мы создаем приложение на Angular 7 с Material Design (не Angular Material!).

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

<ul class = "mdc-list">
  <ng-container *ngFor = "let item of ItemsHeaders; index as i">
    <li class = "mdc-list-item">
      <div #mtf class = "mdc-text-field">
        <input type = "text" id = "my-text-field" attr.name = "{{item[0]}}" [ngModel] = "item[0]" (ngModelChange) = "valuechange(i, item[0], $event)" class = "mdc-text-field__input">
        <label class = "mdc-floating-label" for = "my-text-field">Name</label>
        <div class = "mdc-line-ripple"></div>
      </div>

      <button type = "button" class = "mdc-button mdc-dialog__button" [disabled] = "buttons[i] == 0" (click) = "SaveColumn(item[0])">
        <span class = "mdc-button__label"><i class = "material-icons">save</i></span>
      </button>
    </li>
  </ng-container>
</ul>

      this.ItemsHeaders = data;

      this.buttons = Array(data.length).fill(0);

      new MDCList(document.querySelector('.mdc-list'));

      var buttons = document.querySelectorAll('.mdc-button');

      for (var i = 0; i < buttons.length; ++i) {
        new MDCRipple(buttons[i])
      }

На данный момент я настроил ViewChild:

  @ViewChildren('mtf') textfields;

ngAfterViewInit() {
    this.textfields.changes.subscribe(() => this.setupTextField());
  }

  setupTextField() {
    var textFields = document.querySelectorAll('.mdc-text-field');

    for (var i = 0; i < textFields.length; ++i) {
      new MDCTextField(textFields[i])
    }
  }

Текстовые поля, кажется, созданы, я могу щелкнуть по ним, и эффекты работают, но текст (ngModel), кажется, активируется впоследствии, поэтому он не является частью создания. После того, как я нажимаю на текстовое поле, оно отображается правильно.

Проблема выглядит так, как будто значение записывается после инициализации MDCTextField. Что мне не хватает? Или есть другой способ создать текстовые поля после загрузки данных?

Обновлено:

Я создал пример StackBlitz, вы можете выбрать что-то в поле выбора, и тогда вы увидите, что метка из текстового поля активируется после того, как вы вошли в текстовое поле.

StackBlitz

Код