PrimeNG 列表框不显示标签

Question

"rolename" 标签拒绝在 UI 上呈现；我正在使用 Angular 4/Prime NG

.html 文件定义

<p-listbox formControlName="userRole" [options]="this.userRoleItems" optionLabel="rolename" multiple="multiple" [style]='{"width":"250px"}'  checkbox="checkbox" filter="filter"
            >
          </p-listbox>

.ts 文件的构造函数

 userRoleItems: UserRole[] = [{id: 2, rolename: 'test'}]; ;

用户角色class定义：

  export class UserRole {
      id: number;
      rolename: string;
  }

它在 UI 上的图片：（您看到复选框显示但没有显示标签）

Answer 1

我用primeng 4.1.0也有同样的行为，问题与你的primeng版本有关。尝试升级到最新的 4.3.0.

有关 plunkr 演示，请参阅下面的 link。

link:demo

PrimeNG 列表框不显示标签

PrimeNG Listbox not showing label

angular

typescript

primeng