Javascript AngularJS路由行为不符合预期,没有任何错误

Javascript AngularJS路由行为不符合预期,没有任何错误,javascript,angularjs,django,Javascript,Angularjs,Django,SO的编码同事们 我的代码似乎遇到了perculiar问题,我对angularJS比较陌生,所以这可能是我的错误,但我似乎无法理解 用例如下所示,我有一个简单的django rest_框架应用程序,可以100%工作(使用swagger UI进行测试)。我相当肯定Django应用程序中没有任何问题。我希望使用angularJS控制前端 出于某种奇怪的原因,我无法理解,angularJS中的路由拒绝完成它的工作 这是我的app.routes.js (function () { 'use str

SO的编码同事们

我的代码似乎遇到了perculiar问题,我对angularJS比较陌生,所以这可能是我的错误,但我似乎无法理解

用例如下所示,我有一个简单的django rest_框架应用程序,可以100%工作(使用swagger UI进行测试)。我相当肯定Django应用程序中没有任何问题。我希望使用angularJS控制前端

出于某种奇怪的原因,我无法理解,angularJS中的路由拒绝完成它的工作

这是我的app.routes.js

(function () {

  'use strict';



  angular
    .module('inventaris.routes')
    .config(config);

  config.$inject = ['$routeProvider'];

  function config($routeProvider) {
    $routeProvider.when('/register', {
        controller: 'RegisterController',
        controllerAs: 'vm',
        templateUrl: '/static/templates/authentication/register.html'
    }).otherwise('/');
  }
})();
下面的代码块是my app.js

(function () {  
  'use strict';   
  angular   
     .module('inventaris', [    
        'inventaris.routes',    
        'inventaris.config',    
        'inventaris.authentication'

     ]);
    angular
        .module('inventaris.routes', ['ngRoute']);
    angular
        .module('inventaris.config', []);
    angular
       .module('inventaris')
       .run(run);

    run.$inject = ['$http'];

    function run($http) {
        $http.defaults.xsrfHeaderName = 'X-CSRFToken';
        $http.defaults.xsrfCookieName = 'csrftoken';
    }
})();
下图是chrome浏览器的屏幕截图,调试器处于打开状态,您可以看到没有错误

因此,我缺乏发布图片所需的10个声誉,这里是图片的直接链接-

我在这里不知所措,我已经检查了多次代码,也许我忘了一个;或者,在某个地方,但据我所知,我一个也没有错过。控制台也帮不了我多少忙

预期行为:遵循预定义的路由并根据路由加载模板

当前行为:不遵循任何路线,django的控制台显示页面get的加载状态为200,但不显示任何内容

这就是为什么我转向你们,什么可能的原因可能是,角度路线拒绝做它的工作

如果需要更多的信息,我很乐意提交

在javascripts.html中编辑文件顺序

<script type="text/javascript" src="{% static 'bower_components/bootstrap/dist/js/bootstrap.js' %}"></script>
<script type="text/javascript" src="{% static 'bower_components/bootstrap-material-design/dist/js/material.js' %}"></script>
<script type="text/javascript" src="{% static 'bower_components/bootstrap-material-design/dist/js/ripples.js' %}"></script>
<script type="text/javascript" src="{% static 'bower_components/underscore/underscore.js' %}"></script>

<script type="text/javascript" src="{% static 'bower_components/angular/angular.js' %}"></script>
<script type="text/javascript" src="{% static 'bower_components/angular-route/angular-route.js' %}"></script>
<script type="text/javascript" src="{% static 'bower_components/angular-cookies/angular-cookies.js' %}"></script>

<script type="text/javascript" src="{% static 'bower_components/ngDialog/js/ngDialog.js' %}"></script>
<script type="text/javascript" src="{% static 'lib/snackbarjs/snackbar.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/inventaris.js' %}"></script>
<script type="text/javascript" src="{% static 'js/inventaris.config.js' %}"></script>
<script type="text/javascript" src="{% static 'js/inventaris.routes.js' %}"></script>
<script type="text/javascript" src="{% static 'js/authentication/authentication.module.js' %}"></script>
<script type="text/javascript" src="{% static 'js/authentication/services/authentication.service.js' %}"></script>
<script type="text/javascript" src="{% static 'js/authentication/controllers/register.controller.js' %}"></script>

试试这个,可能有用


试试这个,这可能是工作

你包含的文件顺序是什么?app.js在列表中的位置是什么?inventaris.js=app.js为歧义感到抱歉inventaris.config.js下面定义了inventaris.routes.js?你是否包含了“ng route.js”?你包含的文件顺序是什么?app.js在列表中的位置是什么?inventaris.js=app.js抱歉由于模棱两可,在inventaris.config.js下面定义了inventaris.routes.js?您是否加入了“ng route.js”?我已经修改了代码,使之与您的提示相似。不幸的是,这没有什么区别。我已经修改了我的代码,以类似于你的提示。不幸的是,这没有什么区别。
.otherwise({
    redirectTo : '/'
})