PrimeNG列表框未显示标签

Question

The "rolename" label refuses to render on the UI; I am using Angular 4/Prime NG

.html file definition

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

constructor of .ts file

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

userrole class definition:

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

Picture of how it is on the UI: (You see the checkbox shows but not tthe label)

Answer 1

I have the same behaviour with primeng 4.1.0, the problem is related to your primeng version. Try to upgrade to latest 4.3.0.

See the link below for a plunkr demo.

link: demo