使用带有自定义指令的角度翻译答案

【问题标题】：Using angular translate with custom directive使用带有自定义指令的角度翻译
【发布时间】：2016-02-28 21:40:06
【问题描述】：

目前我正在使用角度转换创建自己的指令。作为图像的工具提示，我正在使用一些翻译。当我切换语言时，翻译文本保持不变，什么时候应该改变。我认为，该指令已使用当前翻译值编译一次，但我不知道如何在切换语言时更新它（某种重新编译）。

在我的指令代码下方。

'use strict';

angular.module('HomeModule')

.directive("headerName", ["tabService", "imageService", "$translate", "$filter", function(tabService, imageService, $translate, $filter){
	var directive = {};
	   
	directive.restrict = 'E';
	   
	directive.template = '<div class="vcenter"><img ng-src="' + imageService.getImageByKey('arrowLeftSrc') + '" height="20px" tooltip-class="custom-tooltip" tooltip="' + $filter('translate')('RETURN') + '" tooltip-placement="bottom" tooltip-popup-delay="500" class="return-arrow"/></div>' +
						 '<div class="vcenter"><i class="fa fa-angle-down fa-2x"/></div>';
	   
	directive.scope = {}
	
	return directive;
}]);

【问题讨论】：

对我来说同样的问题......

标签： angular-directive angular-translate

【解决方案1】：

简而言之，解决方案是：translate-attr-tooltip="RETURN"。

不要在指令模板中使用$filter，而是使用角度转换指令translate-attr-* (https://angular-translate.github.io/docs/#/api/pascalprecht.translate.directive:translate)。

这是一个可以玩的 JSFiddle - http://jsfiddle.net/ku326j6p/2/

【讨论】：