Angular2 Support no more than 9 interpolation values

Question

When I try to interpolate more than 9 properties of an object in a template, I get the following error: Error: impurity (in the promise): template analysis errors: Maintain no more than 9 interpolation values!

The question could be reproduced at: http://plnkr.co/edit/3M7lw6U4RAuOPacM4rmj?p=preview

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

Expected / desired behavior. It should be able to print any number of object properties.

Answer 1

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