title: Angular2/PrimeNG - Cant display Dropdown
body: <p>I'm using PrimeNG &amp; Angular2 for my app. </p>
  
  <p>I've got a component which should show a dropdown menu of selectable themes.
  I've followed the <a href="http://primefaces.org/primeng/#/dropdown">PrimeNG Dropdown</a> 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 '' "</p>
  
  <p>theme.component.ts:</p>
  
  <pre><code>import { Component, OnInit, Input } from '@angular/core'
  import { Dropdown, SelectItem} from 'primeng/primeng';
  
  @Component({
     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() {
  
     }
  
  }
  </code></pre>
  
  <p>theme.component.html: </p>
  
  <pre><code>&lt;p-dropdown [options]="selectables" [(ngModel)]="style"&gt;&lt;/p-dropdown&gt;
  </code></pre>
  
  <p>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.</p>