Bootstrap Angular i tooltipy

Nie umiem kompletnie frontendu i nie mogę się pozbyć przeglądarkowych tooltipów by zamienić je na bootstrapowe.

http://www.bootply.com/H6GRm7NwwJ#

Mam np. html:

 <button type="button"
            class="myClass"
            ng-click="$ctrl.something()"
            my-tooltip="{{'class.my'}}" data-toggle="tooltip" data-placement="top" 
</button>

i dyrektywę:

 link = (scope: angular.IScope, element: any, attributes: angular.IAttributes) => {
        if (attributes['toggle']=="tooltip"){
            element.tooltip();
        }
///...

a w CSS próbuję złapać się na .tooltip
chciałbym to zrobić przy użyciu wskazanych elementów powyżej...

i co bym nie robił to są takie same...

<a href="#" data-toggle="tooltip" title="Hooray!" my-tooltip="{{'my.class'}}" data-placement="right">Hover over me</a>

w sumie to zauwazylem, że w takim przypadku dziala, a w przypadku buttonow odmawia posluszenstwa.

nie działą bo mam custom tooltip, który robi tłumaczenia. a jak dodam title="" to już chwyta. W tej dyrektywie można to ogarnąć ?

Jak wyłączyć tooltipy na jquery ui datepicker ? :/