NG2-チャートは共有コンポーネントと角度4で動作させることはできません

Question

角度4.0.0
角度-CLI 1.2.1
NG2-チャート1.6.0

私は仕事にNG2-グラフを得ることができます私はそれを "共有"コンポーネントで動作させることはできません。

私は、app.moduleによってインポートされるshared-components.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 
], 

共有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

あなたshared-components.module輸入のChartsModuleを追加します。

imports: [ 
    ChartsModule 
],