Question

nodejs

这样可以正常工作，但是所选项目仅显示为firstName ..我需要将所选学生视为firstName +''+ lastName，为实现所需结果，我需要做哪些更改？提前谢谢..

Answer 1

由于primeng没有提供所需的功能。但是你可以在修改代码后实现它：

<强> HTML

<p-autoComplete name="student" 
    [ngModel]="displayValue" <============= here
    [ngModelOptions]="{standalone: true}" 
    [forceSelection]="false" 
    [suggestions]="filteredStudents"
    (completeMethod)="filterStudents($event)" [size]="30" [minLength]="1" placeholder="Hint: type 'v' or 'f'" [dropdown]="true" 
    (onSelect)="onSelect($option)">
    <ng-template let-student pTemplate="item">
        <div class="ui-helper-clearfix" style="border-bottom:1px solid #D5D5D5">
            <div style="font-size:18px;float:none;margin:10px 10px 0 0">{{student.firstName+' '+student.lastName}}</div>
        </div>
    </ng-template>
</p-autoComplete>

这里我只使用单向绑定。

<强>组件

displayValue: string; 

onSelect($value) {
    this.student = $value;
    this.displayValue = this.student.firstName + ' ' + this.student.lastName;
}

使用stackblitz：https://stackblitz.com/edit/angular-isg6ez

PrimeNg下拉列表：如何将多个fieids设置为选定文本

1 个答案: