Angularjs 如何获得角度引导工具提示？_Angularjs_Twitter Bootstrap

Angularjs 如何获得角度引导工具提示？

angularjs twitter-bootstrap

Angularjs 如何获得角度引导工具提示？,angularjs,twitter-bootstrap,Angularjs,Twitter Bootstrap,我正在按照Angular bootstrap中的工具提示示例进行操作，但我似乎无法让工具提示正常工作。我使用的是Angular版本1.5.5和Angular引导版本0.11.2 这是我的密码： app.js index.html <head> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> </head>

我正在按照Angular bootstrap中的工具提示示例进行操作，但我似乎无法让工具提示正常工作。我使用的是Angular版本1.5.5和Angular引导版本0.11.2

这是我的密码： app.js

index.html

<head>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
</head>


<body>
   <script src="bower_components/jquery/dist/jquery.js"></script>
   <script src="bower_components/angular/angular.js"></script>
   <script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>

</body>

tooltip.html

<div ng-controller="TooltipDemoCtrl">

我有一个图像要用作工具提示。我尝试在img标记和div标记中移动uib工具提示。两者都不起作用。这是怎么回事？

这对我来说很有用：

html代码：

<!DOCTYPE html>
<html ng-app="myApp">
<head>

    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
    <script src="//code.angularjs.org/1.5.0-rc.2/angular.js"></script>

    <script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.2.4/ui-bootstrap-tpls.js"></script>
    <script src="SO.js"></script>


</head>
<body >
   <div ng-controller="TooltipDemoCtrl">
      <div class="w-col w-col-4 w-col-small-4 w-col-tiny-4 w-clearfix icon-col">
      <img width="17" src="SO/nick_pic2.jpg" uib-tooltip="WORKING" class="info-icon-five1">
       </div>
      </div>

</body>
</html>

var app = angular.module('myApp', ['ui.bootstrap']);

app.controller('TooltipDemoCtrl', function ($scope) {

});

这在页面的左上角显示了一张图片。

控制台中有错误吗？@ochi控制台中没有错误。如果它像使用uib工具提示一样简单，那么问题是什么？是否有什么东西可能会破坏该指令，或者控制器中是否有什么东西我可能遗漏了？您包含了使用ui引导的所有脚本？@sebenalern也许我没有，但我不确定您的意思。我怎么检查？是否需要nganimate才能执行此操作？

和

应包含在您的html文件中。鉴于my index.html的设置，我不确定您的答案是否可以直接翻译。我正在尝试，但还没有成功。我用我的index.html更新了我的问题，以尝试进入同一个竞技场。如果你能具体说明相关内容，我可以发布更多代码。否则，将有数千行角度代码，因此在这个问题中发布这些代码是不切实际的。@sebenalem，so.js指的是什么？否则，我有确切的代码模式，它不工作。非常令人失望。我已经在这上面花了好几个小时了。一些如此基本的东西显然不起作用。可能是我没有注意到的一个小特质。为了清楚起见，您可以说“这在页面的左上角显示了一张图片。”当您滚动图片时，工具提示中会显示“正在工作”。这就是我所期望的功能。SO.js只是我的javascript文件名。我想你的是app.js。我一时记不清了，但到家后我会看看它是什么样子的。同时，你应该贴一张你的照片。可能我不确定。尝试用工具提示创建一个示例程序，并尝试使其正常工作。

<!DOCTYPE html>
<html ng-app="myApp">
<head>

    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
    <script src="//code.angularjs.org/1.5.0-rc.2/angular.js"></script>

    <script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.2.4/ui-bootstrap-tpls.js"></script>
    <script src="SO.js"></script>


</head>
<body >
   <div ng-controller="TooltipDemoCtrl">
      <div class="w-col w-col-4 w-col-small-4 w-col-tiny-4 w-clearfix icon-col">
      <img width="17" src="SO/nick_pic2.jpg" uib-tooltip="WORKING" class="info-icon-five1">
       </div>
      </div>

</body>
</html>

var app = angular.module('myApp', ['ui.bootstrap']);

app.controller('TooltipDemoCtrl', function ($scope) {

});