Problem chyba prosty do rozwiązania, ale jakoś sobie z tym poradzić nie mogę. Moją tabelkę chcę wyświetlić przy pomocy plugina DataTables i AngularaJS. Error jaki mi wyskakuje to:
Uncaught Error: [$injector:modulerr]
Jesli chodzi o Angulara to mam folder o nazwie "app". Tam jest plik "app.js" oraz folder z controllerami (dwa controllery). Ten pierwszy robi zupelnie coś innego, a ten drugi jest właśnie pod DataTables. Pierwszy działa bez zarzutów, sprawdzałem. Jednak jeśli chodzi o ten drugi to wyskakuje w/w error. Jestem prawie pewien, że problem jest z jedna linijka w "app.js":
var app = angular.module('app', ['datatables', 'BookController' 'MovieController']);
W BookController jest zawarty kod DataTables a w MovieController ten drugi - robiący zupełnie coś innego. Moj kod:
BookController:
angular.module('BookController', [])
.controller('BookCtrl', ['$scope', '$http', 'DTOptionsBuilder', 'DTColumnBuilder',
function ($scope, $http, DTOptionsBuilder, DTColumnBuilder) {
$scope.dtColumns = [
DTColumnBuilder.newColumn("BookId", "Customer ID"),
DTColumnBuilder.newColumn("BookTitle", "BookTitle"),
DTColumnBuilder.newColumn("BookDescription", "BookDescription"),
DTColumnBuilder.newColumn("BookAuthor", "BookAuthor"),
DTColumnBuilder.newColumn("BookGenre", "BookGenre"),
DTColumnBuilder.newColumn("BookRating", "BookRating"),
DTColumnBuilder.newColumn("ReleaseDate", "ReleaseDate")
]
$scope.dtOptions = DTOptionsBuilder.newOptions().withOption('ajax', {
url: "/Home/getdata",
type: "POST"
})
.withPaginationType('full_numbers')
.withDisplayLength(10);
}]);
MovieController(to tylko zeby sprawdzic czy angular dobrze dziala, no i dziala bo odbiera ten controller)
angular.module('MovieController', [])
.controller('MovieCtrl', ['$scope', '$http', function ($scope, $http) {
$scope.myThing = "qqqqq";
}]);
Gdy nie mam zawartego kodu odnośnie DataTables w controllerze "Book" to wszystko prawidłowo działa, dwa controllery działają bez problemu, dopiero gdy próbuje robić coś w "BookCotroller" właśnie z kodem DataTables to wyskakuje ten error. Jestem prawie pewien, że problem jest właśnie z tym angular.module i tymi referencjami, ale za nic nie wiem jak to rozwiązać, próbowałem już wszystko co mi do głowy przyszło i nic.
Tutaj z tego tutoriala korzystam jeśli chodzi o tą tabelkę:
http://www.dotnetawesome.com/2016/01/datatables-in-angularjs-and-aspnet-mvc.html