Angular UI Bootstrapツールチップの使用方法

Question

角度UIブートストラップツールチップ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ブートストラップは、フル機能を追加するだけでツールチップ機能を含めたいです。

Answer 1

あなたはコード

<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に働きリンクです。

Answer 2

は次のように使用します。

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

それが唯一のツールチップライブラリをロードします。