簡體   English   中英

Twitter引導工具提示和Angular.js綁定

[英]Twitter bootstrap tooltip and Angular.js binding

我有一個圖片鏈接,用戶可以單擊該鏈接注銷,
當用戶將鼠標懸停在圖片上方時,我希望顯示一個工具提示。
使用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>

有人知道如何使其動態嗎?

檢查angular-ui引導項目工具提示

您將能夠將工具提示綁定到ng-model,如下所示:

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

並應用翻譯過濾器。 然后在您的控制器中:

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM