AngularJS Module'agGrid'不可用!您拼错了模块名称或忘记加载它

时间:2017-02-11 12:18:15

标签: angularjs ag-grid

这是常见问题,谷歌搜索显示了很多实例,其中很多都在这个网站上。

答案似乎归结为:

  • 不将模块注入应用程序
  • 包含相关的JS
  • index.html
  • 中包含错误顺序的内容

我正在尝试在instructions for manual include之后加入ag-grid。

在我的index.html中,我包含了

  1. ag-grid
  2. 我的控制器
  3. 我使用的是Inspinia模板,相关代码是

    (function () {
        angular.module('TapThatDashboard', 
        [
            'ui.router',                    // Routing
            'oc.lazyLoad',                  // ocLazyLoad
            'ui.bootstrap',                 // Ui Bootstrap
            'chart.js',                     // Charting
            'agGrid'
        ])
    })();
    

    请注意,其他内容正在运作,例如图表。

    当我删除'agGrid'行时,我的应用运行得很好(我还没有在HTML中添加任何网格)。当我添加它时,我得到了

      

    模块'agGrid'不可用!您要么错误拼写了模块名称,要么忘记加载它

    我的代码太大而无法发布。谁能看到我做错了什么?

1 个答案:

答案 0 :(得分:3)

请更新您的代码,例如

// if you're using ag-Grid-Enterprise, you'll need to provide the License Key before doing anything else
// not necessary if you're just using ag-Grid
agGrid.LicenseManager.setLicenseKey("your license key goes here");

// get ag-Grid to create an Angular module and register the ag-Grid directive
agGrid.initialiseAgGridWithAngular1(angular);

// create your module with ag-Grid as a dependency
var module = angular.module("example", ["agGrid"]);

参考链接:agGrid