2016-12-06 67 views
0

并不反映我使用angularjs,现在我要添加角翻译库角转换鉴于

<jb-sub-header sub-header-label="Match Details"></jb-sub-header> 

在上面的标签jb-sub-header是组件和sub-header-label是一个属性,但我不知道我如何翻译这个“比赛细节”。

+1

也许你应该写'sub-header-label =“{{match_details | translate}}”' – styopdev

+0

它不工作。如果我把上面的代码隐藏字符串 –

+0

你应该在你的翻译.json文件中有match_details键 – styopdev

回答

1

使用$translate服务,该服务可以轻松注入到控制器中。您可以在范围的变量如下指定翻译字符串:

$translate(['YOUR_KEY_HERE']).then(function (translations) { 
    $scope.subheader = translations['YOUR_KEY_HERE']; 
}); 

这样,$scope.subheader将有翻译字符串,然后可以在指令中使用如下:

<jb-sub-header sub-header-label="{{subheader}}"></jb-sub-header> 

请参阅工作原理部分​​。