无法让 ng2-charts 在 Angular 4 中使用共享组件工作

Question

>角度 4.0.0
angular-cli 1.2.1
ng2-charts 1.6.0

我可以让 ng2 图表以正常方式工作，但我无法让它在"共享"组件中工作。

我有一个共享组件模块，它由app.module导入。如果我尝试在共享组件中的一个组件中使用 ng 图表，我会得到一个

"无法绑定到'数据'，因为它不是'画布'的已知属性">

错误等。

这是我最基本的设置：

app.module

import { ChartsModule } from 'ng2-charts/ng2-charts';
import { RootLevelComponent } from './components/root-level-component.component;
import { SharedComponents } from './modules/shared/shared-components/shared-components.module';
declarations: [
RootLevelComponent
],
imports: [
SharedComponents
ChartsModule
],

shared-components.module

import { SharedComponent } from '../components/shared-component.component';
declarations: [
SharedComponent
],
exports: [
SharedComponent
]

只要它在我的根级组件模板中，就可以正常工作：

根级组件.html

<canvas baseChart
[data]="myData"
[labels]="myLabels"
[chartType]="'pie'"
(chartHover)="chartHovered($event)"
(chartClick)="chartClicked($event)"></canvas>

相同的设置在我的共享组件模板中不起作用：

共享组件.html

<canvas baseChart
[data]="myData"
[labels]="myLabels"
[chartType]="'pie'"
(chartHover)="chartHovered($event)"
(chartClick)="chartClicked($event)"></canvas>

当我尝试在我的共享组件中使用它时，我收到"无法绑定到'数据'，因为它不是'canvas'的已知属性"错误。

Answer 1

在shared-components.module导入中添加ChartsModule：

imports: [
ChartsModule
],