Question

Link:https://www.primefaces.org/primeng/#/chart/bar 正如在上面的链接中给出的，我尝试在.ts和html中给出代码。我已经安装了chart.js和primeng，并且出现了这个错误。

无法绑定到＆＃39;数据＆＃39;因为它不是'p-chart＆＃39;的已知属性。

如果＆＃39; p-chart＆＃39;是一个Angular组件，它有＆＃39;数据＆＃39;输入，然后验证它是否是该模块的一部分。
如果＆＃39; p-chart＆＃39;是一个Web组件，然后添加＆＃39; CUSTOM_ELEMENTS_SCHEMA＆＃39;到了＆＃39; @ NgModule.schemas＆＃39;该组件可以禁止显示此消息。
允许任何属性添加＆＃39; NO_ERRORS_SCHEMA＆＃39;到了＆＃39; @ NgModule.schemas＆＃39;这个组件。（＆＃34; ] [数据] =＆＃34;数据＆＃34;＆GT;

＆＃34;）：ng：///AppModule/BarComponent.html@1：20 ＆＃39;对图表＆＃39;不是一个已知的元素： 1.如果＆＃39; p-chart＆＃39;是一个Angular组件，然后验证它是否是此模块的一部分。 2.如果＆＃39; p-chart＆＃39;是一个Web组件，然后添加＆＃39; CUSTOM_ELEMENTS_SCHEMA＆＃39;到了＆＃39; @ NgModule.schemas＆＃39;此组件禁止此消息。（＆＃34; [错误 - ＆gt;]

Answer 1

您是否尝试过将ChartModule导入到您的项目中？：

导入此：

import { ChartModule } from 'primeng/chart';

并将其添加到您的导入中：

imports: [
    ChartModule
  ]

Answer 2

对我来说：在另一个页面内创建新的子页面。我已经这样做了：在parent.module.ts

import { FormsModule} from '@angular/forms';
import { CoreModule } from '@app/core';
import { SharedModule } from '@app/shared';
import { HttpModule } from '@angular/http';
import { NgxCircularSliderModule } from "@app/shared/ngx-circular-slider/src/public_api";

@NgModule({
entryComponents: [
 ImportDataPopupComponent,ImportDataChartComponent
],
  imports: [
    CommonModule,
    TranslateModule,
    FormsModule,
    CommonModule,
    TranslateModule,
    CoreModule,
    SharedModule,
    HttpModule,
    NgxCircularSliderModule
  ],
  declarations: [ImportDataComponent,ImportDataPopupComponent,ImportDataChartComponent],
providers: [
ImportDataService
  ]
})

我想念这些：
通用模块翻译模块核心模块共享模块 HttpModule， NgxCircularSliderModule

之后，我的图表看起来就像魔术一样！！希望对您有帮助。

无法绑定到＆＃39;数据＆＃39;因为它不是'p-chart＆＃39;的已知属性。

2 个答案: