推荐:不要在控制器中翻译,在您的视图中翻译
我建议让你的控制器免于翻译逻辑,并直接在你的视图中翻译你的字符串,如下所示:
{{ 'TITLE.HELLO_WORLD' | translate }}
使用提供的服务
Angular Translate提供 $translate 服务,您可以在控制器中使用该服务 .
$translate 服务的示例用法可以是:
.controller('TranslateMe', ['$scope', '$translate', function ($scope, $translate) {
$translate('PAGE.TITLE')
.then(function (translatedValue) {
$scope.pageTitle = translatedValue;
});
});
translate服务还有一个方法,可以使用 $translate.instant() 直接翻译字符串而无需处理承诺:
.controller('TranslateMe', ['$scope', '$translate', function ($scope, $translate) {
$scope.pageTitle = $translate.instant('TITLE.DASHBOARD'); // Assuming TITLE.DASHBOARD is defined
});
使用 $translate.instant() 的缺点可能是,如果您正在加载异步,则尚未加载语言文件 .
使用提供的过滤器
这是我的首选方式,因为我不必以这种方式处理承诺 . 过滤器的输出可以直接设置为范围变量 .
.controller('TranslateMe', ['$scope', '$filter', function ($scope, $filter) {
var $translate = $filter('translate');
$scope.pageTitle = $translate('TITLE.DASHBOARD'); // Assuming TITLE.DASHBOARD is defined
});
使用提供的指令
由于@PascalPrecht是这个令人敬畏的库的创建者,我建议使用his advise (see his answer below)并使用提供的指令,它似乎处理非常智能的翻译 .
该指令负责异步执行,并且如果转换没有动态值,它也足够聪明地监视范围上的转换ID .