在 AngularJS 自定义过滤器中加载 JSON 文件答案

【问题标题】：Loading a JSON file inside AngularJS custom filter在 AngularJS 自定义过滤器中加载 JSON 文件
【发布时间】：2018-01-01 11:21:02
【问题描述】：

我是 Angular JS 的新手。我创建了一个自定义过滤器函数，并且我有单独的 JSON 文件（其中包含语言翻译数据）。

我将用户的选项存储在本地存储中，并且我想根据该本地存储值将特定 JSON 文件的内容加载到我的自定义过滤器中。

例如：如果本地存储值等于“法语”，那么我需要加载法语 JSON 文件数据。这就是我尝试过的；帮我继续。

我的自定义过滤器如下所示：

app.filter("myFilter", function() {
    return function(input) {
        if(localStorageValue != null) {
            /*Load JSON file*/
        } else {
            return input;
        }
    };
});

语言翻译 JSON 文件如下所示 (translate_fr.json)

{
    'SEARCH JOBS': 'Recherche de travail',
    'VIEW JOBS': 'Voir les offres',
    'Clean Up': 'Nettoyer',
    'Missed Bin' : 'Bin manqué',
    'Bin Replacement': 'Remplacement de bac',
    'Dumped Rubbish': 'Déchets déversés'
}

【问题讨论】：

您可以将json文件名存储在本地存储中并传递给过滤函数
我认为你没有理解这个问题。我正在获取本地存储的语言名称，我需要根据它从单独的 json 文件中检索数据..
你能提供更多你尝试过的代码/plunker 演示吗？由于您的问题在要求中含糊不清
目前我不在我的电脑旁，我会更新。在那之前我会解释它。主页上有一个下拉菜单，用户可以选择他/她想要显示网站的语言。我将该值存储到本地存储中。我创建了单独的 JSON 文件，其中包含不同语言的翻译数据。（例如： translate_french.json、 translate_spain.json）。我创建了一个自定义过滤器（它在那里），在那里我想传递本地存储值并根据该值检索特定的 json 文件

标签： angularjs json angularjs-filter

【解决方案1】：

首先注入$http服务

app.filter('filterName', ['$http', function(http){
return function(data){
}
 }]);

并使用它来获取 JSON 文件

$http.get('translate_fr.json')
   .then(function(res){
      $scope.todos = res.data;                
    });

【讨论】：