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

并且来自 Sublime 的证明 angular-ui-router 存在：

这是我的 app.js 中的一个 sn-p

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，它具有providers '$stateProvider' 和$urlRouterProvider。那正确吗？如果是这样，我做错了什么？

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

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

那么我哪里出错了，Angular 无法加载 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"
        })