Angular 启动下拉列表组件错误(';p-dropdown';不是已知元素)

Angular 启动下拉列表组件错误(';p-dropdown';不是已知元素),angular,dropdown,primeng,Angular,Dropdown,Primeng,遵循指南: 我尝试按照上述详细步骤安装Priming以与Angular4一起使用,但出现错误: 'p-dropdown' is not a known element: 正如其他帖子所建议的那样,我试图重建这些项目,但这对我来说不起作用。有什么提示吗 详情如下: --底漆安装 npm install primeng --save --文件:testdropdown.component.html <p-dropdown [options]="cities" [(ngModel)]="se

遵循指南: 我尝试按照上述详细步骤安装Priming以与Angular4一起使用,但出现错误:

'p-dropdown' is not a known element:
正如其他帖子所建议的那样,我试图重建这些项目,但这对我来说不起作用。有什么提示吗

详情如下:

--底漆安装

npm install primeng --save
--文件:testdropdown.component.html

<p-dropdown [options]="cities" [(ngModel)]="selectedCity"></p-dropdown>
--错误:

VM1128:185[CodeLive]检测到HTTP:使用WS进行连接
zone.js:630未处理的承诺拒绝:模板分析错误:
无法绑定到“选项”,因为它不是“p-dropdown”的已知属性。
1.如果“p-dropdown”是一个角度组件,并且有“options”输入,则验证它是否是该模块的一部分。
2.如果“p-dropdown”是一个Web组件,则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的“@NgModule.schemas”以抑制此消息。
3.若要允许任何属性,请将“无错误模式”添加到此组件的“@NgModule.schemas”。(“][选项]=“城市”[(ngModel)]=“选定城市”>
“”:ng:///AppModule/TestdropdownComponent。html@0:12
“p-dropdown”不是已知元素:
1.如果“p-dropdown”是一个角度组件,则确认它是该模块的一部分。
2.如果“p-dropdown”是一个Web组件,则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的“@NgModule.schemas”以抑制此消息。(“[错误->]

您必须在应用程序模块或声明
TestdropdownComponent
的模块的
导入部分添加
下拉模块。

在声明组件的模块中导入下拉模块

import {DropdownModule} from 'primeng/primeng';

@NgModule({
  imports: [
   DropdownModule
  ],
  declarations: [TestdropdownComponent ]

})
export class myModule { }

如果此问题仍然存在,您可能还需要测试一件事,即,如果导入了“FormsModule”,如果不导入,请尝试

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

@NgModule({
  imports: [
    DropdownModule,
    FormsModule
  ],
这应该可以解决问题

Root module file like: app.module.ts. Added something like that. 
导入{DropdownModule,AccordionModule,SharedModule, 按钮模块, 面板模块, RadioButtonModule, 消息模块, KeyFilterModule, FieldsetModule, 消息模块, CalendarModule}来自'priming/priming'


谢谢,这解决了我的问题。我忘了将其包含在导入的模块中。你救了我一天。:拇指:没错,它还需要FormsModule!:)在我的情况下,导入下拉模块是不够的,请检查下面的@Karthik H答案。
import { FormsModule } from '@angular/forms';
import { DropdownModule } from 'primeng/primeng';

@NgModule({
  imports: [
    DropdownModule,
    FormsModule
  ],
Root module file like: app.module.ts. Added something like that. 
@NgModule({
  imports: [
   DropdownModule,
   BrowserModule,
   BrowserAnimationsModule,
   FormsModule,
   AccordionModule,
   PanelModule,
   ButtonModule,
   RadioButtonModule,
   TableModule,
   HttpClientModule,
   ReactiveFormsModule,
   SharedModule,
   MessagesModule,
   KeyFilterModule,
   FieldsetModule,
   CalendarModule,
   MessageModule
  ],
  declarations: [TestdropdownComponent ]

})
export class myModule { }