При использовании ngFor переменная шаблона не определена

Question

При назначении ngModel переменной шаблона в ngFor значение не определено. Он был поднят на репо Angular здесь, но прошло больше года, казалось бы, без разрешения. У кого-нибудь есть решение или обходной путь? Похоже, это должно быть общей проблемой.

    <tr *ngFor="let desc of descriptions; let i = index">
      <td>
        <my-input required name="description" #description="ngModel" [maxlength]="400" class="edit-input" type="text" [(ngModel)]="desc.description"></my-input>
        <label *ngIf="isRequired(description)" class="required-label">{{'required' | translate}}</label>
        <ng-template #readOnly><p>{{ desc.description }}</p></ng-template>
      </td>
    </tr>

Answer 1

Чтобы поместить ngModel в ngFor, вы должны убедиться, что каждый div имеет уникальное имя.

<tr *ngFor="let desc of descriptions; let i = index">
  <td>
    <my-input required name="description-{{i}}" #description="ngModel" [maxlength]="400" class="edit-input" type="text" [(ngModel)]="desc.description"></my-input>
    <label *ngIf="isRequired(description)" class="required-label">{{'required' | translate}}</label>
    <ng-template #readOnly><p>{{ desc.description }}</p></ng-template>
  </td>
</tr>