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