1

我正在使用 Angular2 rc.4 和 PrimeNg 1.0.0.beta.9，我收到了这个错误：

platform-browser.umd.js:1900 Error: No value accessor for ''
    at new BaseException (common.umd.js:836)
    at _throwError (common.umd.js:3516)
    at setUpControl (common.umd.js:3493)
    at NgModel.ngOnChanges (common.umd.js:4103)
    at DebugAppView._View_ItemComponent1.detectChangesInternal (ItemComponent.template.js:1266)
    at DebugAppView.AppView.detectChanges (core.umd.js:12143)
    at DebugAppView.detectChanges (core.umd.js:12247)
    at DebugAppView.AppView.detectContentChildrenChanges (core.umd.js:12161)
    at DebugAppView._View_ItemComponent0.detectChangesInternal (ItemComponent.template.js:688)
    at DebugAppView.AppView.detectChanges (core.umd.js:12143)

这发生在所有使用 [(ngComponent)] 的 PrimeNG 组件上，例如 p-dropdown 指令：

<p-dropdown [options]="items" [(ngModel)]="item"></p-dropdown>

我已经关注了 Angular2 教程和 PrimeNG 展示，到目前为止一切正常，这是我遇到的第一个我无法解决的问题。

如果我只删除部分

[(ngModel)]=...

即使使用我的项目列表，错误也不会出现并且组件正确显示。

在我的 component.ts 文件中，我像其他几个一样注入了指令：

import {SelectItem, Dropdown} from 'primeng/primeng';
...
@Component({
...
directives:     [Dropdown],
})

我的问题与此类似： ngmodele-no-value-accessor-for

但在我的情况下，自定义组件来自第三方库（PrimeNG），我无法控制它

4

2 回答 2

1

抛出的错误表明它正在使用已弃用的 angular common.umd.js 模块中的 ngModel。它应该在新的 angular forms 模块中使用 ngModel 。尝试禁用 main.ts 中已弃用的表单。

例子：

import {bootstrap} from '@angular/platform-browser-dynamic';
import {App} from './app';
import { provideForms, disableDeprecatedForms } from '@angular/forms';

bootstrap(App, [provideForms(),
          disableDeprecatedForms()])
  .catch(err => console.error(err));

编辑：忘记添加...如果您查看 PrimeNG 下拉组件，您会看到它引用了新的角度形式。Github: dropdown.ts

于 2016-07-01T18:04:20.077 回答
0

My guess is p-dropdown doesn't support this [(ngModel)] binding, how's about go through their documentation to find out. Can you try 

[(value)]="your variable"
于 2016-07-01T18:32:11.017 回答