如何在视图中访问Angular JS自定义过滤器JSON数据

Question

我正在开发多语言支持的Angular JS项目。我想把标签名称翻译成一种特定的语言(标签名称-搜索网站，访问网站。它已经具有值)。为此，我没有使用Angular JS translate。我要写一个新的自定义过滤器。(我计划将不同语言的标签名称值放在一个单独的json文件中。)

应用过滤器

app.filter('langTrans', function() {
//Instead of reading values, I only added demo values to test.
var data ={"searchsites":"recherche ", "visitsite":"voir "}

return function(data) {
    //custom filter translation logic goes here

    return "//value goes here ";

}  }); 

在我看来，我已经使用管道调用了filter。但我不需要检索所有的值，我只需要返回特定元素的值(例如:对于第一个按钮，我只需要检索搜索站点的翻译值)

 <li>
  <md-button ng-href="#!/search">{{searchsites | langTrans}}</md-button>
</li>
<li>
  <md-button ng-href="#!/visit">{{ visitsite | langTrans }}</md-button>
</li>

Answer 1

​

angular.module('app', []).filter('langTrans', function() {  
  var translate = [{
      'Language 1': {
        'searchsites': 'Job Search', 
        'visitsites': 'View Jobs',
      }
    },
    {
      'Language 2': {
        'searchsites': 'Recherche d emploi',
        'visitsites': 'Voir les offres',
      }
    },
    {
      'Language 3': {
        'searchsites': 'Пошук роботи',
        'visitsites': 'Переглянути роботу',
      }
    }
  ]

  return function(input, language) {
    return translate.filter(function(x){ return !!x[language]; })[0][language][input];
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app='app'>
  {{'searchsites' | langTrans : 'Language 3'}}
</div>

​