Twitter tooltip bootstrap et la liaison Angular.js

Question

J'ai un lien avec une image que les utilisateurs peuvent cliquer pour se déconnecter,
J'aimerais afficher une info-bulle lorsqu'un utilisateur survole l'image.
Basicly assez facile avec Twitter Bootstrap, mais la partie difficile est la suivante:
L'utilisateur a un bouton pour changer sa langue et quand il/elle fait l'info-bulle devrait être traduit, j'utilise Angular.translate pour cela et ça marche super mais quand je lie les options pour l'info-bulle, il ne capte pas le filtre.

Code

:

<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> 

Tout le monde sait comment rendre dynamique?

Answer 1

Vérifier angular-ui bootstrap project tooltip

Vous serez en mesure de lier l'infobulle à un modèle ng comme ceci:

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

Et appliquer le filtre traduire. Puis dans votre contrôleur:

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