AngularJS Module'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存在，從崇高：

下面是從我的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 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){ 

所以我要去哪裏不對的角度無法加載ui-router模塊？

Answer 1

的問題是在這裏：

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

第一行是一種自行閉合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" 
     })