angular - 自动完成框的多个字段(primeng 4.2.0 和 Angular 4)

Question

我如何在 primeng 自动完成框中显示多个字段。

例如:

<p-autoComplete [(ngModel)]="val" [suggestions]="results" (completeMethod)="search($event)" field="name,lastname"></p-autoComplete>

or 
<p-autoComplete [(ngModel)]="val" [suggestions]="results" (completeMethod)="search($event)" field="name+' '+lastname"></p-autoComplete>

但这不起作用。当我在字段属性中传递 2 个值时，如上所示，它不会在用户界面中显示任何值，而对于单个值，它工作得很好

(example:-field="name")

.

Answer 1

我猜你可以使用模板来做到这一点。参见 https://www.primefaces.org/primeng/#/autocomplete

<p-autoComplete [(ngModel)]="user" >
    <ng-template let-user pTemplate="item">
        <div class="ui-helper-clearfix">
            {{user.name}}, {{user.lastname}}</div>
        </div>
    </ng-template>
</p-autoComplete>