Angular Can'；t绑定到'；图表数据'；因为它不是'；t'的已知属性；分区'；，在角2？

我正在创建一个角度项目，但在开发此项目时，我在下面遇到了错误。我试图解决这个问题，但没有

异常：未捕获（承诺中）：错误：模板分析错误： 无法绑定到“chartData”，因为它不是“div”的已知属性。

EXCEPTION: Uncaught (in promise): Error: Template parse errors:
Can't bind to 'chartData' since it isn't a known property of 'div'. ("<h1>Profile- {{name}} here</h1>
<div id="pie_chart",
    [ERROR ->][chartData]="pie_ChartData", 
    [chartOptions] = "pie_ChartOptions",
    chartType="PieChart",
"): ProfileComponent2@2:4

profile.component.html:

import { Component, OnInit,HostBinding,Input }         from '@angular/core';
import { Router,ActivatedRoute }                 from '@angular/router';
import { slideInDownAnimation }                  from '../../animations/animations'
import { GoogleChart}                             from'../../../../directives/angular2-google-chart.directive';

@Component({
    selector: 'profile-component2',
    directives: [GoogleChart],
    templateUrl:`../app/modules/dashboard/dashComponents/profileComponents/profile.component.html`,
    animations:[slideInDownAnimation]
})

export class ProfileComponent2 implements OnInit {

name="Shubham";
message: string;
@HostBinding('@routeAnimation') routeAnimation = true;
@HostBinding('style.display')   display = 'block';
@HostBinding('style.position')  position = 'absolute';
public login:{} = {};
private interval:any;
ngOnInit() {
      console.log("profile component2 initialized");
  }
       public pie_ChartData = [
                 ['Task', 'Hours per Day'],
                 ['Work',     11],
                 ['Eat',      2],
                 ['Commute',  2],
                 ['Watch TV', 2],
                 ['Sleep',    7] ];

       public pie_ChartOptions  = {
         title: 'My Daily Activities',
         width: 900,
         height: 500
       };  
}

<h1>Profile- {{name}} here</h1>
<div id="pie_chart",
    [chartData]="pie_ChartData", 
    [chartOptions] = "pie_ChartOptions",
    chartType="PieChart",
    GoogleChart>    </div> 

Profile-{{name}这里

是的，得到了答案

在app.module.ts中添加以下行：

import {GoogleChart} from '../directives/angular2-google-chart.directive';

@NgModule({
  imports: [ ],
  declarations: [GoogleChart]
})