i18next 显示键而不是值

Question

我有translation.json文件/locales/en/

{
    "app": {
        "name": "Example App"
    }
}

在html，我有：

<a href="/" data-i18n="app.name">

在js：

$(document).ready(function() {

    var language_complete = navigator.language.split("-");
    var language = (language_complete[0]);

    console.log('language', language);

    $.i18n.init({
        lng: language,
        fallbackLng: false,
        debug: false
    }, function() {
        $('a').i18n();
    });
});

它显示app.name而不是Example App。我在代码中遗漏了什么？谢谢

Answer 1

您必须将useLocalStorage和useDataAttrOptions设置为 true

$.i18n.init({useLocalStorage: true , useDataAttrOptions:true, ....});