angular - 为什么当我在我的应用程序中使用 angular-google-charts 时没有定义 google，我做错了什么？

Question

我想在我的应用程序中使用 Google Charts，并且有 angular-google-charts 模块。当我想按照文档显示图表时，出现以下错误:

ERROR ReferenceError: google is not defined

上面的错误指向 google.visualization.arrayToDataTable 的这一行。

到目前为止我为解决这个问题所做的工作:

谷歌搜索，但提到了 AngularJS 相关问题

项目GitHub页面是否有错误报告，但我没有找到任何东西

请在下面找到代码:
Main模块:

@NgModule({
    declarations: [
        AppComponent,
    ],
    imports: [
        BrowserModule,
        BrowserAnimationsModule,
        GoogleChartsModule.forRoot()
    ],
    providers: [],
    bootstrap: [AppComponent]
})
export class AppModule {
}

Module组件所属的位置

@NgModule({
    declarations: [
      // ...
    ],
    imports: [
        GoogleChartsModule
    ],
    exports: [        
    ]
})
export class ContentModule {
}

Component文件:

export class VersionDistributionComponent implements OnInit {

    data: any;
    chartType = 'SteppedAreaChart';
    chartData: google.visualization.DataTable;
    columnNames: Array<string>;

    constructor(
        private router: Router
    ) {
        this.chartData = google.visualization.arrayToDataTable([]);
    }

    ngOnInit() {
    }
}

Template文件:

<p-tabPanel header="Distribution by time">
        <google-chart [type]="chartType"
                      [data]="chartData"
                      [columnNames]="columnNames"></google-chart>
</p-tabPanel>

Answer 1

尝试这样声明::

import { Component, OnInit, AfterViewInit, ViewChild, ElementRef } from 
'@angular/core';
declare var google: any;

@Component({
  selector: 'app-geo-chart-googlecharts',
  templateUrl: './geo-chart-googlecharts.component.html',
  styleUrls: ['./geo-chart-googlecharts.component.scss']
})

可能会解决问题