PrimeNG列表框未显示标签

时间:2017-11-22 19:39:19

标签: angular typescript primeng

“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'}]; ;

userrole类定义:

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

在UI上的图片:(您会看到复选框显示但不是标签)

enter image description here

1 个答案:

答案 0 :(得分:2)

我对primeng 4.1.0有相同的行为,问题与你的primeng版本有关。 尝试升级到最新的4.3.0。

请参阅以下链接以获取plunkr演示。

link: demo