2017-08-25 77 views
1

角4.0.0
角CLI 1.2.1
NG2,圖表1.6.0無法獲得NG2,圖表,在角4共享組件工作

我可以得到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 
] 


這工作鰭片e如果只要它在我的根級組件模板:

根級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「錯誤的已知屬性。

+0

你在你的'AppModule'接着說:SharedComponentsModule'? – Faisal

+0

我有。我有許多共享模塊和共享組件,它們都可以很好地結合在一起。我無法讓ng2-charts工作。 – Tyson

回答

0

添加ChartsModuleshared-components.module進口:

imports: [ 
    ChartsModule 
],