Modul 'Datatabellen' ist nicht verfügbar! Sie haben entweder den Modulnamen falsch geschrieben oder vergessen, ihn zu laden.

Question

Ich erhalte einen Modul nicht verfügbar Fehler beim Versuch, "Datatables" als Teil meiner AngularJS App zu laden.

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

`

Der Controller des Moduls ist definiert als:

function PricingDataController($scope, poResource, DTOptionsBuilder) { 

Im index.html Ich habe:

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

Ich verwende AngularJS 1.3.9, jQuery 2.1.3, Angular Datatables 0.4.0 und Datatables 1.10.4.

Hat jemand mit angle-datatables 0.4.0 zu diesem Problem geführt?

Answer 1

nur einen kurzen Blick auf das Modul des unter definition on Github, scheint es, dass das Modul datatables eine Abhängigkeit von der datatables.directives und datatables.factory definiert (auch im GIT-Repository) führt. Die datatables.directives wiederum andere Abhängigkeiten (zB datatables.renderer, datatables.options, usw.

Ich glaube, die beste Wahl in der Haupt datatables Modul bekommen und läuft zuerst die ‚Blatt‘ Skripte von Datentabellen zu laden (dh die Skripte, die keine Abhängigkeiten haben) gefolgt von den datatables.renderer vom datatables.directives Skript gefolgt, (die Abhängigkeiten von dem ‚Blatt‘ Skripte nur hat), dann lädt schließlich das datatables Skript

So wäre es etwa so aussehen:.

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