Moduł "datatables" nie jest dostępny! Błędnie wpisałeś nazwę modułu lub zapomniałeś załadować go

Question

Otrzymuję błąd modułu niedostępnego podczas próby załadowania "datatables" jako części mojej aplikacji AngularJS.

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

`

kontroler modułu jest zdefiniowana jako:

function PricingDataController($scope, poResource, DTOptionsBuilder) { 

W index.html mam:

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

używam angularjs 1.3.9, jQuery 2.1.3, Dane kątowe 0.4.0 i Datatables 1.10.4.

Czy ktoś napotkał na ten problem z kątowymi datatables 0.4.0?

Answer 1

Tylko biorąc szybki okiem na modułu definition on Github, wydaje się, że moduł datatables trwa zależność od datatables.directives i datatables.factory zdefiniowanego (również w repozytorium git). datatables.directives z kolei ma inne zależności (np datatables.renderer, datatables.options, itp

wierzę najlepszym w uzyskaniu główny moduł datatables uruchomiony jest najpierw załadować „listków” skrypty DataTables (czyli skrypty, które nie mają żadnych zależności) , a następnie datatables.renderer (który ma tylko współzależności na skryptach „liści”), a następnie przez skrypt datatables.directives, wreszcie załadować skrypt datatables

Tak to będzie wyglądać mniej więcej tak:.

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