2016-07-23 8 views
4

Wenn ich versuche, mehr als 9 Eigenschaften eines Objekts in Vorlage zu interpolieren, erhalte ich den folgenden Fehler: Fehler: Uncaught (in Versprechen): Template Parse Fehler: Nur Unterstützung bei die meisten 9 Interpolationswerte!angular2 Nur unterstützt höchstens 9 Interpolationswerte

Das Problem bei reproduziert werden konnte: 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> 

Erwartete/gewünschte Verhalten Es sollte eine beliebige Anzahl von Eigenschaften eines Objekts

+1

Ist es? "Ja wirklich?" Ich wundere mich. – micronyks

+1

https://github.com/angular/angular/blob/master/modules/%40angular/compiler/src/template_parser.ts#L222 https://github.com/angular/angular/blob/master/modules/% 40-eckig/core/src/linker/view_utils.ts # L91 – yurzui

Antwort

5

Ich denke, das ist kein Problem, drucken können, nur ein Weg, um den Parser zu verhindern, läuft aus dem Speicher, ist aber wichtig zu betonen, dass diese Beschränkung ist pro jedes hTML-Element Sie Ihre Vorlage Einwickeln Ihre Interpolation Ausdrücke in einem Element zwicken lassen sich wie folgt:

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