Angular 启动下拉列表组件错误(';p-dropdown';不是已知元素)
遵循指南: 我尝试按照上述详细步骤安装Priming以与Angular4一起使用,但出现错误: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
'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 { }