AngularJS模块'ui.router'不适用于我的Djangular项目

Question

Django是一个python web框架，AngularUI Router是一个用于英雄路由的AngularJS模块。 他们一起打击犯罪。

或者他们会找到'ui.router'模块。

这是我的进口：

  <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存在，来自Sublime：

这是我的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"
        })

我试图正确设置这个文件，但我不是百分百肯定。 JavaScript不是我的母语！ 根据我的理解， 文件 angular-ui-router.js导出模块 ui.router ，它具有提供者 '$stateProvider'和$urlRouterProvider 。 那正确吗？ 如果是这样，我做错了什么？

我也看了看plunkr由AngularUI路由提供。 他们配置他们的应用略有不同，但我认为结果应该是相同的：

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

第一行是尝试自闭脚本标记。 这不起作用 。

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"
        })