如何在一个plunker中包含ui-bootstrap?

时间:2013-07-10 08:23:40

标签: javascript angularjs plunker

我创建了以下plunker:

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

但是这给了我一个错误,我尝试包含对ui-bootstrap的引用

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <link rel="stylesheet" href="style.css" />
    <script src="//tinymce.cachefly.net/4.0/tinymce.min.js"></script>
    <script data-require="angular.js@1.0.x" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js" data-semver="1.0.7"></script>
    <script src="//github.com/angular-ui/bootstrap/blob/gh-pages/ui-bootstrap-0.4.0.js"></script>
    <script src="app.js"></script>
  </head>

我对创建掠夺者的经验不是很丰富。有人能给我一些关于我做错的建议吗

1 个答案:

答案 0 :(得分:5)

在大多数情况下,您可以从右侧栏中找到并添加外部库(从看起来像书的小按钮),但我认为您的错误源于您链接到GitHub页面而不是实际脚本。

正确的链接应该是: https://raw.github.com/angular-ui/bootstrap/gh-pages/ui-bootstrap-0.4.0.js