如何在视图

时间:2017-12-28 05:33:43

标签: javascript angularjs

我正在开发多语言支持Angular JS项目。我想将标签名称翻译成特定的语言(标签名称 - 搜索网站,访问网站。它已经有了值)。为此,我没有使用Angular JS翻译。我要写一个新的自定义过滤器。 (我计划在单独的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 ";

}  }); 

在我看来,我使用管道调用过滤器。但是不是重新获取所有值,我只需要返回特定元素的值(例如:对于第一个按钮我只需要检索搜索站点的翻译值)

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

1 个答案:

答案 0 :(得分:2)

[warn]: @param tag has unknown parameter name: value
    in file `test.rb' near line 9
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];
  }
});