不能以角度显示谷歌图表

Question

以下是我迄今所做的工作：

1)通过angular-google-charts 2安装bower install )创建具有此头的控制器：

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，--它只是不加载。

有什么想法吗？

编辑:这是web控制台显示的内容：

​

Answer 1

很可能您正在获得这一错误，因为引用的文件不包含模块实现。

更换线路：

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

通过以下方式：

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