は、依存関係でagGridを読み込むことができません

Question

私の角度のあるプロジェクトでagGridを読み込もうとしていますが、私が実装で間違っていることを理解できません...私が得たエラーは エラーです：[$ injector：nomod ]モジュール 'ag.grid'は利用できません！ は私のプロジェクトでagGridを取得するために使用するスクリプトと依存関係です。

<link rel="stylesheet" type="text/css" href="bower_components/toastr/toastr.min.css"/> 
 
    <link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstrap.min.css"/> 
 
    <link rel="stylesheet" type="text/css" href="bower_components/angular-ui-select/dist/select.min.css"> 
 
    <link rel="stylesheet" type="text/css" href="bower_components/font-awesome/css/font-awesome.min.css"> 
 
    <link rel="stylesheet" type="text/css" href="bower_components/angular-loading-bar/build/loading-bar.min.css"> 
 
    <link rel="stylesheet" type="text/css" href="bower_components/nvd3/build/nv.d3.min.css"> 
 
    <link rel="stylesheet" type="text/css" href="bower_components/ng-prettyjson/dist/ng-prettyjson.min.css"> 
 
    <link rel="stylesheet" type="text/css" href="bower_components/ng-table/dist/ng-table.min.css"> 
 
    <link rel="stylesheet" type="text/css" href="bower_components/angular-ui-grid/ui-grid.min.css"> 
 
    <link rel="stylesheet" type="text/css" href="bower_components/ag-grid/dist/styles/ag-grid.css">

define([ 
 
    'pages/transfer/grid/transfer-grid', 
 
    'pages/reports/reports/reports-config' 
 

 
    ], function() { 
 
     var module = angular.module('app.pages.ePayment', [ 
 
      'app.pages.transfer.grid', 
 
      'app.pages.reports.config', 
 
      'ngTable', 
 
      'agGrid' 
 

 
     ]); 
 

 

 
    module.config(['$stateProvider', function ($stateProvider) { 
 
     $stateProvider.state('ePayment', { 
 
      url: '/ePayment', 
 
      views: { 
 
       contentView: { 
 
        templateUrl: 'app/pages/ePayment/ePayment.html' 
 
       } 
 
      } 
 
     }); 
 

 
    }]); 
 
    module.run(['navigationMenuService', function (navigationMenuService) { 
 
     navigationMenuService.addMenuItem({ 
 
      name: "ePayment", 
 
      link: "ePayment", 
 
      iconClass: "fa fa-money" 
 
     }) 
 
    }]); 
 

<script>window.name = "NG_DEFER_BOOTSTRAP!";</script> 
 
<!-- build:remove:production --> 
 
<script src="bower_components/angular/angular.js" type="text/javascript"></script> 
 
<script src="bower_components/angular-animate/angular-animate.min.js" type="text/javascript"></script> 
 
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js" type="text/javascript"></script> 
 
<!-- <script angular-cache ojt preku require.js --> 
 
<script src="bower_components/angular-filter/dist/angular-filter.min.js" type="text/javascript"></script> 
 
<script src="bower_components/angular-loading-bar/build/loading-bar.js" type="text/javascript"></script> 
 
<script src="bower_components/angular-translate/angular-translate.js" type="text/javascript"></script> 
 
<script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script> 
 
<script src="bower_components/angular-ui-select/dist/select.min.js"></script> 
 
<script src="bower_components/angular-ui-utils/ui-utils.min.js" type="text/javascript"></script> 
 
<script src="bower_components/ngInfiniteScroll/build/ng-infinite-scroll.min.js" type="text/javascript"></script> 
 
<script src="bower_components/quick-ngrepeat/quick-ng-repeat.js" type="text/javascript"></script> 
 
<script src="bower_components/angular-nvd3/dist/angular-nvd3.min.js" type="text/javascript"></script> 
 
<script src="bower_components/ng-prettyjson/dist/ng-prettyjson.min.js" type="text/javascript"></script> 
 
<script src="bower_components/file-saver.js/FileSaver.js" type="text/javascript"></script> 
 
<script src="bower_components/js-xlsx/dist/xlsx.core.min.js" type="text/javascript"></script> 
 
<script src="bower_components/alasql/dist/alasql.min.js" type="text/javascript"></script> 
 
<script src="bower_components/ng-table/dist/ng-table.js" type="text/javascript"></script> 
 
<script src="bower_components/angular-ui-grid/ui-grid.min.js" type="text/javascript"></script> 
 
<script src="bower_components/ag-grid/dist/ag-grid.js" type="text/javascript"></script>

私は間違ってそれを呼び出すか、何でしたか？私はbower（bower install ag-grid）を使ってインストールしました。私はAG-グリッドに直面

Answer 1

ことの一つは、あなたもangularjs前のindex.htmlでそれを言及する必要があると他の事はあなたのメインモジュールである関数を呼び出す必要があるということです。

agGrid.initialiseAgGridWithAngular1(angular); 

あなたのモジュール宣言の前でも。
を参照してください。https://www.ag-grid.com/best-angularjs-data-grid/index.php
これらのことを試してみてください。