自舉工具提示停止工作角時提示添加到頁面

<input type="text" id="lat" class="form-control" data-toggle="tooltip" data-placement="top" title="Optional; Format: III.DDDD" />

工作完美，然後我加angular.js，v1.4.5和所有的提示收歸股票HTML。我已經開始研究它，似乎我必須使用angular-ui。這是解決方案，還是有更好的解決方法？

2015-10-12 BattlFrog

試過以上建議，沒有幫助。我最終添加了Angular-UI

https://angular-ui.github.io/bootstrap/

工具提示正在工作。

2015-10-13 16:59:19 BattlFrog

試圖調用工具提示使用javascript：

$("#lat").tooltip({ 
    placement: "top", 
    title: "Optional; Format: III.DDDD" 
})

2015-10-12 23:19:21 alexqoliveira

我猜測，有一個與裝載jQuery和AngularJS在一起的問題。

如果jQuery是可用的，angular.element是jQuery函數的別名。

這意味着，如果你想使用$ jQuery的標識，你將不得不通過angular.element在jQuery的一個實例。下面的代碼可以讓你初始化頁面（從Bootstrap docs拍攝）上的所有工具提示：

$(function() { 
    $('[data-toggle="tooltip"]').tooltip() 
})

如果你想在你的AngularJS應用程序使用此代碼，你就必須通過jQuery的情況下，像這樣：

(function($){ 
    $(function() { 
    $('[data-toggle="tooltip"]').tooltip(); 
    }); 
})(angular.element);

每當你使用的是$跡象，你是指angular.element，這意味着jQuery對象在這種情況下，由於在代碼中添加庫。

我創建了一個plunk，它允許通過jQuery和AngularJS之間的組合動態更新工具提示標題。

希望這有助於！

謝謝你，祝你有美好的一天！

2015-10-13 02:14:58

回答