AngularJS模块＆＃39; ui.router＆＃39;我的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。是对的吗？如果是这样，我做错了什么？

我还查看了AngularUI Routing提供的plunkr。他们将他们的app配置略有不同，但我认为结果应该是相同的：

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