Angular ui-bootstrap手风琴无法正常工作

时间:2013-07-11 14:49:14

标签: angularjs accordion angular-ui

直接从中复制的示例 http://angular-ui.github.io/bootstrap/
根本不起作用,既不在本地也不起作用。不知道为什么。 Bootstrap CSS已加载,ui-bootstrap-tpls.min.js和angular.min.js也是如此(尽管角度本身工作得很好)。
这是掠夺者:
http://plnkr.co/edit/15GWWFSUwab4VmaxfFPf
我在浏览器中没有js错误,但它无法正常工作 请帮忙。我需要在我的网站上使用它(即使我写自己的html / js代码时手风琴也不起作用)。

1 个答案:

答案 0 :(得分:9)

从演示网站创建的一个plunker完美无缺,只是从演示网站创建了一个plunker:http://plnkr.co/edit/z9RQKgNBTRbigyQs7OGW?p=preview

在您的plunker中,您没有声明对ui.bootstrap模块的依赖性,如演示页面顶部所述:

  

只要您将所有文件下载并包含在您的文件中   页面你只需要声明ui.bootstrap模块的依赖:   angular.module('myModule',['ui.bootstrap']);

在添加对所提及模块的依赖后,您的plunker也可以正常工作: http://plnkr.co/edit/00bK0rNDYIrH9a9TVRk3?p=preview

还有一件事 - 你至少需要AngularJS 1.0.5 - 早期版本的AngularJS中存在阻止该指令正常工作的错误。