【问题标题】:angularjs internationalize dynamic labelangularjs国际化动态标签
【发布时间】:2015-06-16 13:54:35
【问题描述】:

我想将动态获取的标签国际化。我已经尝试过这样的事情但没有成功:

<span class="nav-label">{{'{{menu.title}}' | translate}}</span> 

有什么想法吗?

function config($translateProvider) {

$translateProvider
    .translations('en', {         
        dashbord: 'Dashboard',
    })
    .translations('fr', {
        dashbord: 'Tableau de bord',            
    })
    ;

$translateProvider.preferredLanguage('en');

}

【问题讨论】:

标签: angularjs internationalization


【解决方案1】:

您想翻译包含在$scope.menu.title 中的密钥,对吗?所以使用

{{ menu.title | translate }}

【讨论】:

  • 确实键包含在 $scope.menu.title 中。但它不起作用..只呈现键,而不是翻译值!
  • 这意味着该键没有任何翻译,或者翻译尚未加载。我猜 menu.title 包含“dashboard”,而不是您的翻译中拼写错误的“dashbord”。
  • 键有翻译。那么如何确保在渲染标签之前加载翻译?
  • menu.title 的确切值是多少?你确定它完全等于钥匙吗?没有前导或尾随空格吗?打印密钥,打印它的长度,并说出它们是什么。
  • 你是对的JB,键上有拼写错误!非常感谢!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-05-12
  • 2010-09-10
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多