角度 ui.bootstrap 不工作答案

【问题标题】：angular ui.bootstrap not working角度 ui.bootstrap 不工作
【发布时间】：2015-02-04 19:09:49
【问题描述】：

我在使用 ui.bootstrap 让 popover 元素在 Angular 应用程序中工作时遇到了一些问题 - 这是一些代码：

在 app.js 文件中，我需要 ui.bootstrap

angular.module('developerPortalApp', [
    'ui.bootstrap'
  ])

我正在尝试将弹出框附加到的 html 元素

<div ng-controller="LoginCtrl">
    <a href="#" popover-placement="right" popover="On the Right!">how do I register?</a>
</div>

弹出框内容不会是动态的，因此控制器中没有任何内容。这是我第一次使用 angular-bootstrap，所以，有什么我缺少的简单的东西吗？

非常感谢任何帮助。

【问题讨论】：

我还应该补充一点，页面正在加载 ui-bootstrap-tpls.js

标签： angularjs twitter-bootstrap

【解决方案1】：

可能是你缺少一些脚本文件：-

这是您问题的工作示例：-

<!doctype html>
<html ng-app="ui.bootstrap.demo">
  <head>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js"></script>
    <script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.0.js"></script>
    <script src="example.js"></script>
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
  </head>
  <body>

<div ng-controller="LoginCtrl">
      <a href="#" popover-placement="right" popover="On the Right!">how do I register?</a>

</div>
  </body>
</html>

http://plnkr.co/edit/E2LbaCoHKHKzifeL5Hny?p=preview

【讨论】：

好吧，我承认我有点不知所措。我似乎根据this正确设置了东西，但它仍然无法正常工作。我能想到的唯一其他区别是我试图放置弹出框的标记包含在一个 jumbotron 和一个表单中，但我不明白这会如何影响事情:(
你能做个小插曲吗？
我用 jumbotron 进行了检查，发现它仍在工作 :-) plnkr.co/edit/E2LbaCoHKHKzifeL5Hny?p=preview
我没有测试我要说的内容，但要确认弹出框在 plunker 中工作，您应该使用 uib 版本的弹出框。 Bootstrap CSS 只使用 popover。
@user1889992，一方面，我必须删除 uib- 前缀才能使其在 yeoman 脚手架应用程序上运行。 uib- 前缀是在 0.14.0 中引入的，如此处所述github.com/angular-ui/bootstrap/wiki/…