问题描述
我正在使用ng select来显示由名字和姓氏组成的选项文本。选择该选项时,我只想在输入字段中显示名字。
我试图将值设置为名字。因此,我在模型中收到了名字。但是它将在ng select输入字段中显示全名。如何仅在此处显示名字。
Below Image show the current situation
请参考我编写的初始代码。
<ng-select placeholder="{{ 'LOCAL_CONNECTOR_DIALOG.ENTER_NAME' | translate }}"
[(ngModel)]="currentUserfirstName">
<ng-option *ngFor="let person of persons"
[value]="person.firstName">{{person.fullName()}}</ng-option>
</ng-select>
解决方法
您应该使用firstName作为选项的显示名称
<ng-select placeholder="{{ 'LOCAL_CONNECTOR_DIALOG.ENTER_NAME' | translate }}"
[(ngModel)]="currentUserfirstName">
<ng-option *ngFor="let person of persons"
[value]="person.firstName">{{person.firstName}}</ng-option>
</ng-select>