Question

我正在使用ng-prime的自动完成功能，对象内部有“ Person”，“ name”，“ surname 1”和“ surname 2”内部的“ Employee”

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

“ primeng”：“ 5.2.4”

谢谢

Answer 1

在多种模式下，可以使用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>

自动完成primeNG。显示多个属性

1 个答案: