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引导项目工具提示

您将能够将工具提示绑定到ng-model，如下所示：

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

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

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