模块“数据表”不可用！您要么拼错了模块名称，要么忘记加载它

Question

我在尝试将“数据表”作为 AngularJS 应用程序的一部分加载时遇到模块不可用错误。

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

`

模块的控制器定义为：

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（只有'leaf' 脚本的依赖项），然后是 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>`