angular2仅支持最多9个插值

发布时间：2020-12-17 17:26:43 所属栏目：安全来源：网络整理

导读：当我尝试在模板中插入超过9个对象的属性时,我收到以下错误：错误：未捕获(在承诺中)：模板解析错误：最多只支持9个插值！该问题可以转载于： http://plnkr.co/edit/3M7lw6U4RAuOPacM4rmj?p=preview ul li *ngFor="let lead of leads" {{lead.first_name}}

当我尝试在模板中插入超过9个对象的属性时,我收到以下错误：
错误：未捕获(在承诺中)：模板解析错误：
最多只支持9个插值！

该问题可以转载于：
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>

预期/期望的行为
它应该能够打印对象的任意数量的属性

解决方法

我认为这不是一个问题,只是一种防止解析器耗尽内存的方法,但重要的是要突出显示每个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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!