Question

我想使用Angular UI Bootstrap Tooltip ui.bootstrap.tooltip分隔。

我可以通过添加完整的ui-bootstrap文件来使用工具提示，例如：

<script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.13.0.js"></script>
<script>var App = angular.module("App", ['ui.bootstrap']);</script>

但我想仅包含工具提示功能，而不是添加完整的UI Bootstrap功能。

Answer 1

像这样使用：

angular.module("App", ['ui.bootstrap.tooltip']);

它只会加载工具提示库。

Answer 2

您可以使用此代码块

<div ng-app="myApp" ng-controller="TooltipDemoCtrl">
  <div class="well">
    <div>Dynamic Tooltip Popup Text <input type="text" ng-model="dynamicTooltip"></div>
    <div>Dynamic Tooltip Placement <input type="text" ng-model="dynamicTooltipPlacement"></div>
    <p>
      Need some <a><span tooltip="{{dynamicTooltip}}" tooltip-placement={{dynamicTooltipPlacement}}>tips</span></a> ?
    </p>
  </div>
</div>

控制器

var app = angular.module('myApp', ['ui.bootstrap']);
var TooltipDemoCtrl = function ($scope) {

  $scope.dynamicTooltip = "Here is the help";
  $scope.dynamicTooltipText = "tips";

};

以下是JSFIDDLE的工作链接，以确定其有效。

如何使用Angular UI Bootstrap工具提示

2 个答案: