Twitter bootstrap 툴팁 및 Angular.js 바인딩

Question

사용자가 클릭하여 로그 아웃 할 수있는 이미지 링크가 있습니다.
사용자가 이미지 위에 마우스를 가져 갔을 때 툴팁을 표시하고 싶습니다.
트위터 부트 스트랩은 기본적으로 꽤 쉽지만, 까다로운 부분은 다음과 같습니다.
사용자는 언어를 변경할 수있는 버튼이 있습니다. 툴팁을 번역 할 때 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> 

누구라도 동적으로 만들 방법을 알고?

Answer 1

확인 angular-ui bootstrap project tooltip

당신은 이런 NG 모델에 툴팁을 결합 할 수있을 것입니다 :

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

그리고 변환 필터를 적용합니다. 그런 다음 컨트롤러에서 :

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