Question

我在AngularJS partials中遇到Django提供的翻译服务有问题。似乎Django仅在我的网站第一次加载时才将内容翻译成部分内容。到目前为止，我提供了index.html Django，然后使用ng-view指令加载每个视图。我得到了django和角度路由工作得很好。在我的Django模板文件夹里面 this structure。这些文件中的每一个都只是一个常规的html模板，其中一些内容由Django翻译。

我的django urls.py：

urlpatterns += i18n_patterns(
    url(r'^$', views.homepage, name='index'),
    url(r'^views/page-home.html/$', views.homeView),
    url(r'^views/(?P<page>[-\w]+.html)/$', views.angularViews),
    url(r'^(?P<path>.*)/$', views.angularRedirector),
)

在我的角度app.js内：

$routeProvider
    // Load home by default
    .when('/', {
        templateUrl: 'views/page-home.html',
        controller: 'homeController'
    })

    // home page
    .when('/home', {
        templateUrl: 'views/page-home.html',
        controller: 'homeController'
    })

    // contact page
    .when('/contact', {
        templateUrl: 'views/page-contact.html',
        controller: 'contactController'
    })

    // otherwise
    .otherwise({ 
        redirectTo: '/' 
    });

我的index.html结构如下所示：

<!-- index.html -->
{% load static %}
{% load i18n %}
<!DOCTYPE html>
<html>
<head>
    <!-- Head stuff [...] -->
</head>

<body ng-app="app" ng-controller="controller">
    <!-- some content -->
    <h1>{% trans "Hello world" %}</h1>

    <!-- Views are injected here -->
    <div class="page {$ pageClass $}" ng-view></div>
</body>
</html>

其中一个模板，例如page-home.html，如下所示：

<!-- page-home.html -->
{% load static %}
{% load i18n %}
<!-- more content -->
<h2>{% trans "Goodbye World" %}</h2>

我目前使用的是3种语言（英语，西班牙语和德语）。如果我加载localhost:8000，Django将自动重定向到localhost:8000/es/#/，因为西班牙语是我的默认浏览器语言。所有内容都会很好地呈现，所以DOM看起来像这样：

<!-- [...] -->
<body ng-app="app" ng-controller="controller">
    <!-- some content -->
    <h1>Hola mundo</h1>
    <!-- Views are injected here -->
    <div class="page page-home" ng-view>
        <!-- more content -->
        <h2>Adiós mundo</h2>
    </div>
</body>
<!-- [...] -->

这是事情变得棘手的地方。如果我转到localhost:8000/de/#/或localhost:8000/en/#/，则只会将index.html内的内容翻译为当前语言，而ng-view中的内容将保持不变。因此，如果我改为Deutsche，我的DOM将呈现如下：

<!-- [...] -->
<body ng-app="app" ng-controller="controller">
    <!-- some content -->
    <h1>Hallo welt</h1>
    <!-- Views are injected here -->
    <div class="page page-home" ng-view>
        <!-- more content -->
        <h2>Adiós mundo</h2>
    </div>
</body>
<!-- [...] -->

猜猜看，如果我将浏览器语言更改为Deutsche，那么所有内容都将呈现给Deutsche，但如果我访问localhost:8000/en/#/或localhost:8000/es/#/，则只会更改ng-view之外的内容。我不明白这里发生了什么。如何根据网址语言而不是浏览器语言在ng-view中更改语言？

Answer 1

好的，我明白了。事实证明，Angular只会将Accept-Language标头设置一次，因此ng-view中的内容只会考虑浏览器的语言而翻译一次。所以在我的app.js配置中，我必须存储来自url的语言，并在每个请求上设置Accept-Language标头：

app.config(["$httpProvider", function($httpProvider) {
    var language = window.location.pathname.split('/')[1];
    $httpProvider.defaults.headers.common["Accept-Language"] = language;
}]);

这解决了我的问题。

处理AngularJS partials中的Django翻译（ng-view）

1 个答案: