Question

角度4.0.0
angular-cli 1.2.1
ng2-charts 1.6.0

我可以让ng2-charts以正常方式工作，但我不能让它在“共享”组件中工作。

我有一个由app.module导入的shared-components.module。如果我尝试在共享组件的其中一个组件中使用ng-charts，我会得到一个

“无法绑定到'数据'，因为它不是'canvas'的已知属性”

错误，等等。

这是我的基本设置：

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
],

的共享components.module

import { SharedComponent } from '../components/shared-component.component';

declarations: [
  SharedComponent
],
exports: [
  SharedComponent
]

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

根级别-component.html

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

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

共享component.html

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

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

Answer 1

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

imports: [
  ChartsModule
],

无法使用共享组件在ngular 4中使用ng2-charts

1 个答案: