Модуль «ui.router» AngularJS недоступен для моего проекта Djangular

Question

Django - это веб-фреймворк python, AngularUI Router - модуль AngularJS для героической маршрутизации. Вместе они борются с преступностью.

Или они могли бы найти модуль «ui.router».

Here're мой импорт:

<script src="{% static 'angular.js' %}"></script> 
    <script src="{% static 'angular-route.js' %}"/> 
    <script src="{% static 'angular-ui-router.js' %}"></script> 
    <script src="{% static 'angular-cookies.js' %}"></script> 
    <script src="{% static '/djangular/app.js' %}"></script> 
    <script src="{% static 'js/app.js' %}"></script> 
    <script src="{% static 'js/services.js' %}"></script> 
    <script src="{% static 'js/controllers.js' %}"></script> 
    <script src="{% static 'js/filters.js' %}"></script> 
    <script src="{% static 'js/directives.js' %}"></script> 

Здесь {% static 'path/to/script' %} нотация ищет список путей для моего статического файла.

Вот они:

D:\Django_Projects\nwod_characters\static 
D:\Django_Projects\nwod_characters\static\css 
D:\Django_Projects\nwod_characters\static\fonts 
D:\Django_Projects\nwod_characters\static\img 
D:\Django_Projects\nwod_characters\static\js 
D:\Django_Projects\nwod_characters\static\js\app # angular-ui-router.js lives here 
D:\Django_Projects\nwod_characters\static\svg 
D:\Django_Projects\nwod_characters\characters\app 
D:\Django_Projects\nwod_characters\characters\app\css 
D:\Django_Projects\nwod_characters\characters\app\js 
D:\Django_Projects\nwod_characters\characters\app\partials 

И доказательство angular-ui-router существует, от возвышенного:

А вот отрывок из моих app.js

angular.module('characters', ['djangular','ui.router', 
    'characters.filters', 'characters.services', 'characters.directives', 'characters.controllers']) 
    .config(['$stateProvider','DjangoProperties', 
    function($stateProvider, DjangoProperties, $urlRouterProvider) { 

    $urlRouterProvider.otherwise("/users"); 

    // Now set up the states 
     $stateProvider 
     .state('users', { 
      url: "/users", 
      templateUrl: "partials/users.html" 
     }) 

Я я попытался настроить этот файл правильно, но я не уверен на 100%. JavaScript не мой родной язык! В моем понимании файлangular-ui-router.js экспортирует модульui.router, что имеет поставщиков'$stateProvider' и $urlRouterProvider. Это правильно? Если да, то что я делаю неправильно?

Я также рассмотрел plunkr, предоставленный AngularUI Routing. Они настроить их приложение немного отличается, но я думаю, что результат должен быть таким же:

<script src="//angular-ui.github.io/ui-router/release/angular-ui-router.js"></script> 
.... 
var myapp = angular.module('myapp', ["ui.router"]) 
    myapp.config(function($stateProvider, $urlRouterProvider){ 

Итак, где я буду неправильно, что угловой не может загрузить ui-router модуль?

Answer 1

Проблема здесь:

<script src="{% static 'angular-route.js' %}"/> 
<script src="{% static 'angular-ui-router.js' %}"></script> 

Первая строка является попытка тег сценария закрывающиеся. This doesn't work.

Answer 2

В параметрах для вашего определения конфигурации есть ошибка, вы забыли добавить '$ urlRouterProvider' в список параметров в списке.

angular.module('characters', ['djangular','ui.router', 
    'characters.filters', 'characters.services', 'characters.directives', 'characters.controllers']) 
    .config(['$stateProvider','DjangoProperties', '$urlRouterProvider', 
    function($stateProvider, DjangoProperties, $urlRouterProvider) { 

    $urlRouterProvider.otherwise("/users"); 

    // Now set up the states 
     $stateProvider 
     .state('users', { 
      url: "/users", 
      templateUrl: "partials/users.html" 
     })