angular ui.bootstrap不工作

时间:2015-02-04 19:09:49

标签: angularjs twitter-bootstrap

我在使用ui.bootstrap在一个角度应用程序中使用popover元素时遇到了一些麻烦 - 这里有一些代码:

在app.js文件中

,我需要ui.bootstrap

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

我试图将popover附加到

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

popover内容不是动态的,因此控制器中没有任何内容。这是我第一次使用angular-bootstrap,那么,有什么简单的东西我不知道吗?

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:4)

可能是你遗漏了一些脚本文件: -

以下是您问题的工作示例: -

<!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