[英]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>
有人知道如何使其動態嗎?
您將能夠將工具提示綁定到ng-model,如下所示:
Dynamic Tooltip: <a href="">{{dynamicTooltipText | translate}}</a>
並應用翻譯過濾器。 然后在您的控制器中:
var TooltipDemoCtrl = function ($scope) {
$scope.dynamicTooltipText = "LOGOUT";
};
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.