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

Question

Django 是一个 python 网络框架，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"
        })

我已尝试正确设置此文件，但我不是 100% 确定。 JavaScript 不是我的母语！据我了解，文件 angular-ui-router.js 导出模块 ui.router，其中包含 提供程序 '$stateProvider' 和 $urlRouterProvider。那正确吗？如果是这样，我做错了什么？

我还查看了 AngularUI 路由提供的 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

您的配置定义的参数有误，您忘记将“$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"
        })

Answer 2

问题在这里：

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

第一行是尝试自关闭脚本标记。 This doesn't work.

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

AngularJS Module 'ui.router' is not available for my Djangular project

javascript

python

django

angularjs

angular-ui-router