如何获取Angular Bootstrap工具提示？

我正在关注Angular bootstrap docs中的工具提示示例，但似乎无法让工具提示工作。我正在使用Angular版本1.5.5和角引导版本0.11.2。如何获取Angular Bootstrap工具提示？

这里是我的代码： app.js

angular.module('app', ['ui.bootstrap']) 
.controller('TooltipDemoCtrl', function ($scope) { 
//doesn't matter from what I can tell 
})

的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">

<div class="w-col w-col-4 w-col-small-4 w-col-tiny-4 w-clearfix icon-col">

<img width="17" src="../assets/images/pc-icon-two.png" 
uib-tooltip="NOT WORKING" class="info-icon-five1"> 
</div> 
</div>

我有一张我想用作工具提示的图像。我试图在img标签和div标签中移动uib-tooltip。两者都不起作用。这里发生了什么？

来源

2016-04-28 rashadb

在控制台中的任何错误？ – ochi

@ochi控制台没有错误。如果它像使用uib-tooltip一样简单，那么问题是什么？有没有什么东西可以剔除这个指令，或者有什么东西可以包含在我可能错过的控制器中？ – rashadb

您包含了所有使用ui bootstrap的脚本？ – sebenalern

这为我工作：

的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) { 

});

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

来源

2016-04-28 04:42:08 sebenalern

鉴于我的index.html的设置，我不确定你的答案是直接可翻译的。我正在尝试，但我没有得到它的工作。我用我的index.html更新了我的问题，试图获得同样的比赛场地。 – rashadb

你可以发布所有的角码吗？ – sebenalern

如果您可以具体说明可能相关的内容，我可以发布更多的代码。否则，有成千上万的Angular代码行，因此在这个问题中发布它是不切实际的。 – rashadb

如何获取Angular Bootstrap工具提示？

回答

相关问题