0

我有一个图像链接，用户可以单击该链接以注销，
我希望在用户将鼠标悬停在图像上时显示工具提示。
使用 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>

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

4

1 回答 1

0

检查angular-ui 引导项目工具提示

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

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

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

var TooltipDemoCtrl = function ($scope) {
  $scope.dynamicTooltipText = "LOGOUT";
};
于 2013-09-30T10:56:42.467 回答