javascript - 无法在 Angular 中显示 Google Charts

Question

到目前为止，这是我所做的:

1) 通过 bower install 安装 angular-google-charts2) 使用此 header 创建 Controller :

angular.module("sbAdminApp", ["googlechart", "googlechart-docs"])
.controller("GenericChartCtrl",['$scope', '$timeout', function ($scope) {

3) 将此脚本添加到索引中:

<script src="bower_components/angular-google-chart/src/googleChart.js"></script>

和

 <div ng-app="sbAdminApp">

        <div ui-view></div>

    </div>

4) 为了最终显示图表，我调用:

  <div class="col-lg-6 col-sm-12" ng-controller="GenericChartCtrl">
    <div google-chart chart="chartObject" class="chart-container"> </div>
    </div>

5) 在 App.js 中。我声明:

    .state('dashboard.table', {
        templateUrl: 'views/table.html',
        url: '/table', 
    controller: "GenericChartCtrl",
      resolve: {
            loadMyFile: function ($ocLazyLoad) {
                return $ocLazyLoad.load({
                        name: 'googlechart',
                        files: [
        'bower_components/angular-google-chart/dist/ng-google-chart.min.js'
      ]
                    }),
                    $ocLazyLoad.load({
                        name: 'sbAdminApp',
                        files: ['scripts/controllers/GoogleChartContoller.js']
                    })
            }
        }

    })

我错过了什么吗？出于某种原因，我无法访问 localhost:9000/#/dashboard/table，它只是无法加载。

有什么想法吗？

编辑:这是网络控制台显示的内容:

Answer 1

您很可能得到 this error自引用 googleChart.js file不包含模块实现。

替换行:

<script src="bower_components/angular-google-chart/src/googleChart.js"></script> 

与:

<script src="bower_components/angular-google-chart/ng-google-chart.js"></script>