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-model：

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

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

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