Angular2/PrimeNG - 无法显示下拉菜单

Question

我正在为我的应用程序使用 PrimeNG 和 Angular2。

我有一个组件应该显示可选择主题的下拉菜单。我已经按照 PrimeNG Dropdown 文档进行操作，据我所知，我已经按照相同的方式构建了所有内容。但我总是收到错误 "No value accessor for '' "

theme.component.ts:

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() {

   }

}

theme.component.html:

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

知道问题出在哪里吗？ :( 编辑：问题实际上是 ngModel。如果我从 html 标签中删除下拉菜单，则会显示它。

Answer 1

类似的问题还有很多，看这里

https://github.com/primefaces/primeng/issues/549

您也可以通过将 ngModel 更改为 model 来避免出现错误消息，但目前正在处理 primeng 问题。

也尝试使用 depracted 形式禁用。

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

bootstrap(AppComponent, [
disableDeprecatedForms(),
provideForms()]);

更新

据 primeng 官方称，问题已解决，请参见此处。

http://forum.primefaces.org/viewtopic.php?f=35&t=46238

Answer 2

类似的问题还有很多，看这里

https://github.com/primefaces/primeng/issues/549 ngModel：''

没有值访问器

我遇到了同样的控制台错误，只需添加 [ngModelOptions]="{standalone: true} 就可以了

Angular2/PrimeNG - 无法显示下拉菜单

Angular2/PrimeNG - Cant display Dropdown

typescript

primeng

angular

更新