Angular2 / PrimeNG - 无法显示下拉列表

时间:2016-07-21 07:49:03

标签: angular typescript primeng

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

我有一个组件应该显示可选主题的下拉菜单。 我已经按照PrimeNG Dropdown文档进行操作,据我所知,我的所有内容都以相同的方式构建。但我总是得到错误“没有价值访问者''”

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标记中删除它,则会显示Dropdown。

2 个答案:

答案 0 :(得分:3)

有许多类似的问题,请看这里

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

也尝试使用depracted forms disable。

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

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

更新

根据primeng问题的官员已经解决,请看这里。

答案 1 :(得分:0)

有许多类似的问题,请看这里

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

没有值访问器

我遇到了同样的控制台错误, 只需添加[ngModelOptions] =“{standalone:true}即可