ngForm或普通HTML表单-使用*ngfor的可变长度输入

Question

我试图为门票销售做一个可变长度的输入表单，在这一点上，我想为客人的名字和性别构建许多输入表单，但我想不出如何使用这种方法来做必须唯一的id。我目前正在尝试使用这个，并得到疯狂的错误：

未处理的promise拒绝：模板解析错误：解析器错误：意外令牌=在[let guest of guest；i=index]列第24处，在sellticketcomponent@315:22（“#f=”ngform“>-->]*ngfor=”let guest of guest；i=index]在sellticketcomponent@315:22（“]id=”{{guest[0]}}“[(ngModel)]=”guest[0]“na”）：sellticketcomponent@315: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">