使用角度翻譯與自定義指令

Question

目前我正在使用角度翻譯創建我自己的指令。作爲圖片的工具提示，我正在使用一些翻譯。當我切換語言時，翻譯文本保持不變，當它改變時。我認爲，該指令是用當前的翻譯值編譯一次的，但我不知道如何在我切換語言（某種重新編譯）時更新它。

在我的指令代碼下面。

'use strict'; 
 

 
angular.module('HomeModule') 
 

 
.directive("headerName", ["tabService", "imageService", "$translate", "$filter", function(tabService, imageService, $translate, $filter){ 
 
\t var directive = {}; 
 
\t  
 
\t directive.restrict = 'E'; 
 
\t  
 
\t 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>' + 
 
\t \t \t \t \t \t '<div class="vcenter"><i class="fa fa-angle-down fa-2x"/></div>'; 
 
\t  
 
\t directive.scope = {} 
 
\t 
 
\t return directive; 
 
}]);

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