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

Question

我正在尝试为门票销售做一个可变长度输入表单，此时我想为客人的姓名和性别构建这么多输入表单，但我想不出如何做必须是的 id独特的使用这种方法。我目前正在尝试使用它并得到疯狂的错误：

未处理的承诺拒绝：模板解析错误：解析器错误： 意外的令牌 = 在 [让客人的客人; 中的第 24 列； i = 索引] 在 SellTicketComponent@315:22 ("" #f="ngForm"> --> ]*ngFor="让客人的客人; i = index"> "): SellTicketComponent@315:22 解析器错误：意外的令牌 = 在 [让客人的客人；i = 索引] 中的第 24 列 SellTicketComponent@315:22 (" ]id="{{guest[0]}}" [(ngModel)]="来宾[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">