Question

尝试将一个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 REPO：https://github.com/BillyCharter87/Tech-O-Dex

谢谢！

Answer 1

通常，当您错过某些导入时会发生此错误。如果遗漏，请添加以下行：

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

并在导入中添加它们。

Answer 2

Angular的错误信息非常简洁，如果您仔细阅读，您可以轻松自行解决问题。

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

Answer 3

只需确保您具有以下设置：

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

Answer 4

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

无法绑定到“选项”，因为它不是'p-dropdown'的已知属性

4 个答案: