使用ngFor

Question

将ngModel分配给ngFor中的模板变量时，该值未定义。它已在Angular仓库here中提出，但已经过去一年了，似乎没有任何解决方法。有人有解决方案或解决方法吗？似乎应该是一个常见问题。

    <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>