来自 REST 的数据的角度翻译

Question

我必须翻译来自 REST 服务的数据。数据在数据库中，客户想要这个。

在前端我有这个：

控制器：

CreateListService.getCharacteristic().then(function(response){
     vm.createListData = response.data;
});

查看：

<select 
    name="" 
    id="territory"
    class="form-control"
    data-ng-options="item.labelEn for item in vm.createListData.territory track by vm.createListData.territory" 
    ng-model="territory">       
</select>

JSON：

{  
   "confidentiality":[  
      {  
         "id":200,
         "labelFr":"Publique",
         "labelEn":"Public"
      },
      {  
         "id":201,
         "labelFr":"Restreinte",
         "labelEn":"Restricted"
      }
   ],
   "issuer":[  
      {  
         "id":600,
         "labelFr":"Federal Register - OFAC",
         "labelEn":"Federal Register - OFAC"
      },
      {  
         "id":601,
         "labelFr":"Ofac",
         "labelEn":"Internet Ofac"
      }
   ],
   "scope":[  
      {  
         "id":700,
         "labelFr":"Locale",
         "labelEn":"Local"
      },
      {  
         "id":701,
         "labelFr":"Groupe",
         "labelEn":"Group"
      }
   ]
}

是： 角 1.4.9， 角度翻译：2.11.1

我的问题是当用户更改语言时如何更改视图中的值（基于 rest 键：labelFr 和 labelEn）？

我尝试这样认为： item.{{labelLang}} for item in vm.createListData.scope track by vm.createListData.scope

在控制器中： $rootScope.labelLang = "标签" + capitalizeFirstLetter($scope.selectedLang); 但未更新中的值。

感谢您提供所有信息！

Answer 1

当您已经获得翻译后的标签时，您只需将其输出到视图中。 您在data-ng-options 中使用了错误的语法。 试试这个

item[labelLang] for item in vm.createListData.scope track by vm.createListData.scope

Answer 2

尝试两种或更多语言的角度翻译。

angular-translate

https://daveceddia.com/angular/multilingual-angular-using-two-or-more-languages-in-your-app/