angular2仅支持最多9个插值

<ul>
    <li 
      *ngFor="let lead of leads"
    >
       {{lead.first_name}} {{lead.last_name}} 
        {{lead.priMary_email}}  {{lead.priMary_phonE}}
         {{lead.priMary_address_line_1}}  {{lead.priMary_address_line_2}}  {{lead.priMary_address_city}}  {{lead.priMary_address_statE}}  {{lead.priMary_address_zip}}  {{lead.date_of_birth}}
       <input type="checkBox" [checked]="lead.is_pre_approved" (changE)="toggleAttending.emit(lead)" />
       <button (click)="removePerson.emit(lead)">delete</button>
    </li>
  </ul>

我认为这不是一个问题,只是一种防止解析器耗尽内存的方法,但重要的是要突出显示每个html元素的这个限制,你可以调整你的模板包装插值表达式在元素中,如下所示：

<ul>
    <li *ngFor="let lead of leads">
        <div>
            {{lead.first_name}} {{lead.last_name}}
        </div>
        <div>
            {{lead.priMary_email}} {{lead.priMary_phonE}}
        </div>
        <div>
            {{lead.priMary_address_line_1}} {{lead.priMary_address_line_2}} {{lead.priMary_address_city}} {{lead.priMary_address_statE}}
            {{lead.priMary_address_zip}} {{lead.date_of_birth}}
        </div>
        <input type="checkBox" [checked]="lead.is_pre_approved" (changE)="toggleAttending.emit(lead)" />
        <button (click)="removePerson.emit(lead)">delete</button>
    </li>
</ul>