代码之家 › 专栏 › 技术社区 › Jose

自动完成底漆。显示多个属性

primeng

Jose · 技术社区 · 8 年前

我正在使用一个带有对象的ng-prime的自动完成功能,“Employee”内部有“Person”,内部有“Name”、“Surname 1”和“Surname 2”

 <p-autoComplete [(ngModel)]="empleado" [suggestions]="filteredEmpleadosSingle" (completeMethod)="filterEmpleadoSingle($event)"
            field="persona.nombre" [minLength]="3" [forceSelection]="true">
            <ng-template let-empleado pTemplate="item">
                <div class="ui-helper-clearfix" style="border-bottom:1px solid #D5D5D5">
                    <div style="font-size:18px;float:left;margin:10px 10px 0 0">{{empleado.persona.nombre}} {{empleado.persona.apellido1}} {{empleado.persona.apellido2}}</div>
                </div>
            </ng-template>
 </p-autoComplete>

在建议中,如果我得到了这个名字,两个姓就会跳起来。

当我特别选择一个时,它只在输入中显示名称。

属性“field=”person.name“只支持一个属性,我需要把这三个都放进去。

我该怎么做,这样当我选择一个自动完成项时,它会显示我的名字、姓氏1和姓氏2。

“priming”:“5.2.4”

谢谢你

1 回复 | 直到 8 年前

ElasticCode 8 年前

在多模式下,可以使用 selectedItem ng-template 模式。

<p-autoComplete [(ngModel)]="customer" [suggestions]="customerResults" (completeMethod)="searchCustomers($event)" [multiple]="true">
  <ng-template let-customer pTemplate="selectedItem">
    {{customer.name}} {{customer.firstname}}
  </ng-template>
  <ng-template let-customer pTemplate="item">
    {{customer.name}} {{customer.firstname}}
  </ng-template>
</p-autoComplete>

推荐文章

Asaf Abekasis · 如何在css中检查p-drop prime ng是否已选择值

1 年前