AutoComplete框的多个字段(primeng 4.2.0和Angular 4)

前端之家收集整理的这篇文章主要介绍了AutoComplete框的多个字段(primeng 4.2.0和Angular 4)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何在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”)

.

解决方法

我想你可以使用模板来做到这一点.见 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>

猜你在找的Angularjs相关文章