BootstrapTooltip позиция на курсоре мыши

Question

Я хочу, чтобы всплывающая подсказка с помощью курсора мыши. Возможно ли это сделать в угловых. Если нет, то какова будет альтернатива этому.

Answer 1

Да, позвольте мне объяснить это на примере, как вы можете отображать подсказку с помощью angularjs + Bootstrap.

Контроллер:

var myApp = angular.module("myApp", []); 

function MyCtrl($scope) { 
    $scope.items = [{ name: "item 01", tooltip: "This is item 01 tooltip!"}, 
        { name: "item 02", tooltip: "This is item 02 tooltip!"}]; 
    console.log("MyCtrl"); 
} 

myApp.directive('tooltip', function() { 
    return { 
     restrict:'A', 
     link: function(scope, element, attrs) 
     { 
      $(element) 
       .attr('title',scope.$eval(attrs.tooltip)) 
       .tooltip({placement: "right"}); 
     } 
    } 
}) 

HTML: Использование tooltip в <a> тег HTML для отображения всплывающей подсказки.

<div ng-app="myApp"> 
    <div ng-controller="MyCtrl"> 
     <li ng-repeat="item in items" > 
      <a rel="tooltip" tooltip="item.tooltip">{{item.name}}</a> 
     </li> 
    </div> 
</div> 

И все. См. live example.