Faigjaz Faigjaz - 1 year ago 502
TypeScript Question

Angular2/PrimeNG - Cant display Dropdown

I'm using PrimeNG & Angular2 for my app.

I've got a component which should show a dropdown menu of selectable themes.
I've followed the PrimeNG Dropdown documentation and as far as I can see I've got everything build up the same way. But I'm always getting the Error "No value accessor for '' "


import { Component, OnInit, Input } from '@angular/core'
import { Dropdown, SelectItem} from 'primeng/primeng';

selector: 'my-themes',
templateUrl: 'dist/html/theme.component.html',
directives: [Dropdown],

export class ThemeComponent {
selectables: SelectItem[];
style: string;

constructor() {
this.selectables = [];
this.selectables.push({ label: 'Nightflat', value: 'Nightflat' });
this.selectables.push({ label: 'Flat', value: 'Flat' });
ngOnInit() {




<p-dropdown [options]="selectables" [(ngModel)]="style"></p-dropdown>

Any ideas where the problem might be? :(
Edit: The problem actuallyy is ngModel. The Dropdown gets displayed if I remove it from the html tag.

Answer Source

There are many similar issues are there have a look here

also you can avoid your error message by just changing your ngModel with model but there is current issue with primeng which is being processed.

also try using depracted forms disable.

import { disableDeprecatedForms, provideForms } from '@angular/forms';

bootstrap(AppComponent, [


according to officials of primeng problem has been resolved see here.