Twitter引导工具提示和Angular.js绑定

Question

我有一个图像的链接，用户可以点击登出，
我想在用户悬停在图像上时显示工具提示。
Twitter Bootstrap基本上很容易，但棘手的部分是：
用户有一个按钮来改变它的语言，当他/她做的工具提示应该被翻译时，我使用Angular.translate这个和它的作品很棒，但是当我绑定工具提示的选项时，它不会拾取过滤器。

代码：

<a id="logout_link" title="" data-toggle="tooltip" href="#" data-original-title="{{ 'LOGOUT' | translate }}" data-placement="left"> 
    <img src="img/icons/logout.png" alt="logout" data-ng-click="logout()"/> 
</a> 

任何人都知道如何使它的动态？

Answer 1

检查angular-ui bootstrap project tooltip

您将能够工具提示绑定到这样的NG-模型：

Dynamic Tooltip: <a href="">{{dynamicTooltipText | translate}}</a> 

并应用翻译过滤器。然后在你的控制器上：

var TooltipDemoCtrl = function ($scope) { 
    $scope.dynamicTooltipText = "LOGOUT"; 
};