假设我们有这种情况：
<p-autoComplete dataKey="id" field="make" emptyMessage="{{'NoDataFound' | translate}}"
[delay]="0" [suggestions]="vehicles" [minLength]="0" appendTo="body"
(completeMethod)="searchVehicles($event)" (onSelect)="on($event)">
<ng-template let-vehicle pTemplate="item">
{{vehicle.make}} {{vehicle.model}}
</ng-template>
</p-autoComplete>
与控制器：
export class AutoCompleteDemo {
selectedVehicle: Vehicle;
vehicles: Vehicle[];
searchVehicles(event) {
this.vehiclelookupservice.getResults(event.query).then(data => {
this.vehicles= data;
});
}
}
并且Vehicle对象具有以下结构：
{
id: int,
make: string,
model: string
}
该field属性用于显示选定的对象属性（在这种情况下为make）。如何显示要显示的所选对象make + " " + vehicle？
您可以将一个label属性添加到您的Vehicle对象，然后用该对象中其他字段的串联来填充它。
就像是：
this.vehiclelookupservice.getResults(event.query).then(data => {
this.vehicles = data;
this.vehicles.foreach(item => item.label = item.make + " " + item.vehicle);
});
然后，替换field="make"为field="label"应解决的问题。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句