Начало работы Angular-gantt не работает, используя Django и AngularJS и получая Instantiate Error
Мне нужна помощь, так как я не могу заставить свою угловую нагрузку правильно загружаться. Я следую инструкциям по использованию CDN на https://www.angular-gantt.com/get-started/.
Мой HTML это:
{% verbatim %}
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/angular-gantt/1.2.6/angular-gantt.min.css"/>
<link rel="stylesheet" href="//cdn.jsdelivr.net/angular.gantt/latest/angular-gantt.min.css"/>
</head>
<body ng-app="analyticsCtrl" ng-controller="planDatController">
<div gantt data=data></div>
<script src="//cdn.jsdelivr.net/angular.gantt/latest/angular-gantt.min.js"></script>
</body>
</html>
{% endverbatim %}
И мой JS-файл содержал контроллер и приложение (правильно маршрутизированные):
angular.module('analyticsCtrl', ['gantt','rzModule', 'daterangepicker'])
.controller('planDatController', function($scope, $http, $interval, $filter, uiGridGroupingConstants ){
$scope.data = [
{name: 'row1', tasks: [
{name: 'task1', from: '2013-10-07T09:00:00', to: '2013-10-07T10:00:00'},
{name: 'task2', from: '2013-10-07T10:00:00', to: '2013-11-07T10:00:00'}
]
},
{name: 'row2', tasks: [
{name: 'task3', from: '2013-10-07T09:00:00', to: '2013-11-07T10:00:00'},
{name: 'task4', from: '2013-11-07T10:00:00', to: '2013-12-07T10:00:00'}
]
},
]
})
У меня такое чувство, что это должно быть просто и легко, и я мог бы просто упустить что-то, что я не могу обнаружить прямо сейчас. Или я делаю что-то, чего не должен делать? Цени любую помощь! Спасибо
РЕДАКТИРОВАТЬ: часть ошибки
Модуль 'Гантт' недоступен! Вы либо неправильно написали имя модуля, либо забыли загрузить его. При регистрации модуля убедитесь, что вы указали зависимости в качестве второго аргумента.