有角度的多语言网站

时间:2015-11-17 19:49:23

标签: javascript angularjs multilingual

我想知道如何使用angularjs使我的网站成为一个多语言网站,因此它不会在点击时加载整个页面。 我认为制作一个控制器,其数组在每个外部索引上都有一个语言代码,如。

  • language [0]的名称为:name,last:last
  • language [1]在其他语言中具有相同的功能 选择英语,ouuter索引的值从0变为1和 等......

最好的方法是什么?

language[0]{name:name,last:last}

3 个答案:

答案 0 :(得分:1)

我可以推荐使用angular-translate angular-translate

答案 1 :(得分:0)

我知道我已经很晚但我认为我会这样做的一种方法是使用json格式并且可能使用angular链接模型中的数据,如下所示:

{
  "config": {
    "default": "en"
  },
  "language": {
    "en": {
      "title": "Title",
      "home": "Home",
      "contact": "Contact-us"
    },
    "fr": {
      "title": "Titre",
      "home": "Menu Principal",
      "contact": "Contactez nous",
    }
  }
}

考虑投票给出正确答案。

答案 2 :(得分:0)

“ Ali BAGHO”的the approach旁边,如果您可以创建一个自定义的angularJS过滤器,该过滤器可以接受作为选定语言的参数,则可以在单击按钮时动态翻译页面。由于过滤器会在每个与模型相关的更改上经历$ digest周期,因此它将使用新的翻译文本动态更新DOM。

您也可以在more info上参考此链接,了解如何在Angular5中实现它