Angular-translate并不反映在视野中

Question

我正在使用angularjs，现在我要添加angular-translate库

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

在上面标记jb-sub-header是组件，sub-header-label是一个属性，但我不知道我如何翻译这个＆＃34;匹配详细信息＆＃34;。

Answer 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>

请参阅this guide中的工作原理部分。