Angular Routing不适用于Django

Question

我正在建立一个在Django和Angular的项目。在我的主html页面中包含/加载angular路由库后，我提供了以下代码来提供路由。

(function(){
'use strict';

angular.module('scrumboard.demo')
    .config (['$routeProvider', config])
    .run(['$http',run]);

function config($routeProvider) {

    $routeProvider
        .when ('/', {
            templateUrl: '/static/html/scrumboard.html',
            controller: 'ScrumboardController',
        })

        .when ('/login', {
            templateUrl: '/static/html/login.html'
        })
        .otherwise('/');
}

function run($http) {
    $http.defaults.xsrfHeaderName = 'X-CSRFToken';
    $http.defaults.xsrfCookieName = 'csrftoken';
}
})();

我的urls.py看起来像这样

urlpatterns = [
path('admin/', admin.site.urls),
url(r'$', ensure_csrf_cookie(TemplateView.as_view(template_name="home.html"))),
path(r'scrumboard/', include('scrumboard.urls')),
path(r'auth_api/', include('auth_api.urls')),
]

我在settings.py中包含了以下内容

   'DIRS': [os.path.join(BASE_DIR, 'templates')],
 STATIC_URL = '/static/'

STATICFILES_DIRS =(
os.path.join(BASE_DIR, 'static'),

然而，当我加载localhost:8000/login时，没有页面加载，但是当我加载localhost:8000/static/html/login.html时，页面正确加载。角度路由似乎不能正常工作。

Answer 1

您是否检查了{% Verbatim%}标记？有关更多详细信息，请查看-http://django-angular.readthedocs.io/en/latest/template-sharing.html

Answer 2

尝试移动：

url(r'$', ensure_csrf_cookie(TemplateView.as_view(template_name="home.html")))

添加到您的url模式列表的底部。