【问题标题】:Can't bind to 'options' since it isn't a known property of 'p-dropdown'无法绑定到“选项”,因为它不是“p-dropdown”的已知属性
【发布时间】:2017-09-23 22:22:37
【问题描述】:

尝试将 primeNG 下拉列表添加到 userform.component.ts 时出现此错误,我已引用此错误但无济于事,因为我已经实施了此修复:primeng dropdown component error ('p-dropdown' is not a known element)

Uncaught Error: Template parse errors:
Can't bind to 'options' since it isn't a known property of 'p-dropdown'.
1. If 'p-dropdown' is an Angular component and it has 'options' input, then verify that it is part of this module.
2. If 'p-dropdown' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("<p-dropdown [ERROR ->][options] = "technologies" [autoWidth] = "false" id = "technologies"></p-dropdown>

GIT 回购:https://github.com/BillyCharter87/Tech-O-Dex

谢谢!

【问题讨论】:

  • 您没有在 AppModule 中导入 UserformModule。

标签: angular primeng


【解决方案1】:

通常,当您错过一些导入时会发生此错误。 如果缺少,请添加以下行:

import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { DropdownModule } from 'primeng/primeng';

并将它们也添加到导入中。

【讨论】:

    【解决方案2】:

    您可能在另一个组件中使用了p-dropdown,而在另一个组件的模块中您尚未导入DropdownModule。我犯了同样的错误并通过将DropdownModule 放入AppModule 以及特定组件的模块中得到解决。

    【讨论】:

      【解决方案3】:

      只要确保你有这个设置:

      @NgModule({
        declarations: [YourComponent],
        imports: [DropdownModule],
      })
      

      【讨论】:

        【解决方案4】:

        Angular 的错误信息非常冗长,如果您仔细阅读,您可以轻松解决问题。

        第一项适用于您的情况:您知道 p-dropdown 是一个 Angular 组件,并且您知道它有 options 输入。错误消息要求您验证它是否是您正在使用它的模块的一部分。实际上,您是trying to use 组件without importng the module wich exports it

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 2019-01-08
          • 1970-01-01
          • 2018-07-04
          • 2018-01-26
          • 2019-03-26
          • 1970-01-01
          • 2020-06-21
          相关资源
          最近更新 更多