javascript - 角度翻译和 ui 路由器

Question

我正在尝试使用角度翻译和路由翻译多步表单，我正在使用 ui-router 。
除了一件事，一切都很好。
这是我的代码：
翻译

.config(function ($translateProvider) {

    $translateProvider.useStaticFilesLoader({
        prefix: 'App/i18n/locale-',
        suffix: '.json'
    });
    $translateProvider.preferredLanguage('ir');
})

en.json 和 ir.json

{
        "wizardForm":{
       "stepOne":{
            "LABEL": "ثبت متقاضی",
            "NATIONALCODE": "کد ملی",
            "NAME": "نام",
            "FATHERNAME": "نام پدر",
            "GENDER": "جنسیت",
       }
}

en.json////////

{
"wizardForm":{
    "stepOne":{
        "LABEL": "Register Requester",
        "NATIONALCODE": "National Code",
        "NAME": "NAme",
        "FATHERNAME": "Father Name",
        "GENDER": "Gender",

    }
}

html

            <label translate="wizardForm.stepOne.NATIONALCODE">

            </label>

translate 在其他部分可以正常工作，但在形式上不行？我错过了什么吗？

Answer 1

您的 json 无效。它应该是

{
    "wizardForm": {
        "stepOne": {
            "LABEL": "Register Requester",
            "NATIONALCODE": "National Code",
            "NAME": "NAme",
            "FATHERNAME": "Father Name",
            "GENDER": "Gender"
        }
    }
}

并不是

{
"wizardForm":{
    "stepOne":{
        "LABEL": "Register Requester",
        "NATIONALCODE": "National Code",
        "NAME": "NAme",
        "FATHERNAME": "Father Name",
        "GENDER": "Gender",

    }
}

你少了一个'}'而有一个','太多了。

在这里试试你的 json：jsonlint

这有帮助吗？