角度转换和UI路由器

Angular translate and ui router

本文关键字：UI 路由器 转换      更新时间：2023-09-26

>我正在尝试使用角度平移和路由来翻译多步形式，我正在使用ui路由器。
一切正常，除了一件事.
这是我的代码：
翻译

.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>

翻译在其他部分工作正常，但在形式上不能？ 我错过了什么吗？

您的 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

这有帮助吗？

相关文章：