如何在JS代码中正确使用gettext？

Question

在我的 Django 项目中，我有一个 JS 文件，其中包含我需要翻译的文本。我使用下面的下一个代码。

在 makemessages 和 compilemessages 命令的帮助下，我创建了 djangojs.po和 djangojs.mo 个文件。问题是 JS 代码在添加 gettext 后不能正常工作。它在浏览器控制台中引发错误。如何解决这个问题？

urls.py:

from django.views.i18n import javascript_catalog

js_info_dict = {
    'domain': 'djangojs',
    'packages': ('slider',),  # my app name
}

urlpatterns = [
   [OTHER URLs]

    # Internationalization in Javascript Code
    url(r'^jsi18n/$',
        javascript_catalog,
        js_info_dict,
        name='javascript-catalog'),
]

JS:

$("#slideModalBox").on("click", "#imageFieldClearBtn", function() {
    $('#imageFieldFileName').val("");
    $('#imageFieldClearBtn').hide();
    $('#imageFieldInput input:file').val("");
    $("#imageFieldInputTitle").text(gettext("Add new image"););
});

$("#slideModalBox").on("change", "#imageFieldInput input:file", function() {
    var file = this.files[0];
    var reader = new FileReader();
    reader.onload = function (e) {
        $("#imageFieldInputTitle").text(gettext("Change Image")); <-- This place raise error
        $("#imageFieldClearBtn").show();
        $("#imageFieldFileName").val(file.name);            
    }
    reader.readAsDataURL(file);
});

浏览器控制台错误：

ReferenceError: gettext is not defined
reader.onload http://127.0.0.1:8000/static/js/slider/image_field.js:12:9

Answer 1

尝试在您的 urls.py

中进行以下排序

urlpatterns = [

 # Internationalization in Javascript Code
    url(r'^jsi18n/$',
    javascript_catalog,
    js_info_dict,
    name='javascript-catalog'),

# then the other urls
   [OTHER URLs]
]

基本上，首先制作javascript_catalog。

或

更改您的系统语言设置，看看是否有效。这意味着您的 langa\uage 还不受支持

Answer 2

您的 base.html 中是否在您的 js 脚本之前添加了 <script src="/jsi18n/"></script>？

如何在JS代码中正确使用gettext？

How use gettext in JS code correctly?

python

django

python-3.x

django-i18n

django-1.11