ngForm或纯HTML表单 - 使用* ngFor可变长度输入

Question

我想做一个可变长度输入表单的票务销售，在这一点上我想为客人建立名称和性别的许多输入表单，但我无法想象如何使用这种方法做到必须唯一的id。我目前正在使用这一点，惹毛了错误：

Unhandled Promise rejection: Template parse errors: Parser Error: Unexpected token = at column 24 in [let guest of guests; i = index] in SellTicketComponent@315:22 ("" #f="ngForm"> --> ]*ngFor="let guest of guests; i = index"> "): SellTicketComponent@315:22 Parser Error: Unexpected token = at column 24 in [let guest of guests; i = index] in SellTicketComponent@315:22 (" ]id="{{guest[0]}}" [(ngModel)]="guest[0]" na"): SellTicketComponent@320:28

 <h5>How many tickets would you like? </h5> 
    <input type="number" name="numGuests" min="1" max="10" [(ngModel)]="numPeople"> 

    <div *ngIf="numPeople > 1"> 
     <form (ngSubmit)="onSubmit(f)" #f="ngForm"> 
     <!--<div ngModelGroup="eventCreationData">--> 
     <div *ngFor="let guest of guests; i = index"> 
      <div class="form-group"> 
      <label> Full name of guest: </label> 
      <input type="text" 
        class="form-control" 
        id="{{guest[0]}}" 
        [(ngModel)]="guest[0]" 
        name="{{guest[0]}}" 
        required> 
      </div> 
     <!--</div>--> 
     <div class="form-group"> 
      <label> Gender: </label> 
      <select 
      class="form-control" 
      id="{{i}}" 
      [(ngModel)]="guest[1]" 
      name="{{i}}" 
      required> 
      <option *ngFor="let i of genders"> 
       {{i}} 
      </option> 
      </select> 
     </div> 
     </div> 
    </form> 

Answer 1

一个let缺少

<div *ngFor="let guest of guests; let i = index">