javascript - 模块 'datatables' 不可用!您要么拼错了模块名称，要么忘记加载它

Question

当我尝试加载“数据表”作为我的 AngularJS 应用程序的一部分时，出现模块不可用错误。

angular.module('pricingOptionsTable', ['resources.pricingOptions', 'datatables'])
    .controller('pricingDataController', ['$scope', 'poResource', 'DTOptionsBuilder', PricingDataController])
    .directive('pricingDataTable', ['$http', '$templateCache', '$compile', PricingDataTable]);

`

模块的 Controller 定义为:

function PricingDataController($scope, poResource, DTOptionsBuilder) {

在 index.html 中我有:

<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/datatables/media/js/jquery.dataTables.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-datatables/dist/angular-datatables.js"></script>

我正在使用 AngularJS 1.3.9、jQuery 2.1.3、Angular Datatables 0.4.0 和 Datatables 1.10.4。

有人用 angular-datatables 0.4.0 遇到过这个问题吗？

Answer 1

快速浏览一下模块的 definition on Github ，似乎 datatables 模块依赖于 datatables.directives 和 datatables.factory 定义(也在 git 存储库中)。 datatables.directives 又具有其他依赖项(例如 datatables.renderer、datatables.options、 等。

我相信启动和运行主 datatables 模块的最佳方法是首先加载数据表的“叶”脚本(即没有依赖关系的脚本)，然后是 datatables.renderer(仅依赖于“叶”脚本)，然后是 datatables.directives 脚本，最后加载 datatables 脚本。

所以它看起来像这样:

`<script src='/some-path/datatables.util.js></script>
 <script src='/some-path/datatables.factory.js></script>
 <script src='/some-path/datatables.options.js></script>
 <script src='/some-path/datatables.renderer.js></script>
 <script src='/some-path/datatables.directive.js></script>
 <script src='/some-path/datatables.js></script>`