javascript - 如何迭代数组中的元素并使用 Angular-Translate 翻译它们

Question

我有一个 json 文件，其中包含一些变量，其中包括一个数组。在我的模板中，我使用 ng-repeat 迭代该数组并显示每个元素。数组中的元素数量可以更改，因为 json 是通过 Web 服务调用检索的。

现在我想使用 Angular-translate 来启用多种语言。我正在尝试使用 angular-translate-loader-url 来实现此目的。

问题是我不知道如何将它与 ng-repeat 一起使用。可以通过指定它们的键来访问这些值。在通常情况下，您知道 key 和 key 数量，但在我的情况下并非如此，因为它都是动态的。我不太关心关键名称。我需要的是一个包含所有这些键的作用域变量，以便我可以进行迭代。我没有找到一种方法来获取范围变量中的数据...

我可以看到根本问题是我的字符串位于有序数组中，而 Angular 翻译似乎不支持它。什么是好的解决方案？

Answer 1

您需要创建一个自定义过滤器，然后将该过滤器传递给您的转发器...

例如...

myApp.filter('translateFilter', function($translate){
    return function(input, param){
        //Iterate through each item, translate using $translate, then return the translated items
    }
});

然后您就可以根据需要使用过滤器:

<li ng-repeat="car in cars | translateFilter:search">
    {{ car.name | translate }}
</li> 

等等

请参阅以下完整示例:AngularJS and i18n : apply ng-repeat filters after translating list items properties