AngularJS模塊'agGrid'不可用！您拼錯模塊名稱或忘記加載它

Question

這是常見問題，谷歌搜索顯示了它的很多實例，其中很多都在本站點上。

的答案似乎歸結爲：

• 模塊沒有注入到應用
• 用於獲取包括有關JS
• 包括順序錯誤的東西在index.html

我正試圖包括Ag-Grid，繼instructions for manual include。

在我index.html，我包括

1. 角
2. AG-電網
3. 我控制器

我現在用的是Inspinia模板，以及相關的代碼是

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

請注意，其他的東西正在工作，如圖表。

當我刪除'agGrid'行時，我的應用運行得很好（我還沒有添加任何網格到我的HTML）。當我添加它時，我得到

模塊'agGrid'不可用！您拼寫模塊名稱或忘記加載它

我的代碼太大而無法發佈。任何人都可以看到我在做錯嗎？

Answer 1

請更新您的代碼像

// 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