AngularJS problem z zaleznosciami (dataTables)

Question

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

Answer 1

http://stackoverflow.com/a/18287586 ?

Comments

Tez to juz wcześniej próbowałem, dodając do module ten właśnie ngRoute, ale cały czas ten sam error.

---

Wygląda jakbyś nie załączał jakiejś zależności. Musiałbyś przeszperać kod.

---

Gdy usunę z BookControllera wszystko zależności od DataTables czyli: 'DTOptionsBuilder', 'DTColumnBuilder', to wszystko działa normalnie, tzn. controller Book odpowiada. Znalazłem dwa przykłady na jsfiddle więc jutro je obadam i dam znać najwyżej.