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

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

导读：如何在primeng自动完成框中显示多个字段. 例如： p-autoComplete [(ngModel)]="val" [suggestions]="results" (completeMethod)="search($event)" field="name,lastname"/p-autoCompleteor p-autoComplete [(ngModel)]="val" [suggestions]="results" (compl

如何在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>

（编辑：李大同）

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