Question

我尝试在我的应用中使用angular-ui，但无法解决一个小问题。例如，我尝试使用accordeon。一切都适用于像plunker一样的干净页面，但在我真正的应用程序中没有工作点击事件。我包含在我的模块中

    angular.module('moduleName', ['ui.bootstrap', 'myFilters', 'my1Services', 'my2Services'])

my includes

 <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.js"></script>
 <script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.5.0.js"></script>
 <script src="js/app.js"></script>
 <script src="js/services.js"></script>
 <script src="js/controllers.js"></script>
 <script src="js/filters.js"></script>
 <script src="js/directives.js"></script>
<script src="lib/angular/angular-resource.js"></script>

我尝试点击标题

<accordion-group heading="Static Header">
            This content is straight in the template.
</accordion-group>

但没有任何事情发生。必须通过单击标题

打开下面的代码

<accordion-group heading="{{group.title}}" ng-repeat="group in groups">
            {{group.content}}
</accordion-group>

为什么点击不工作？感谢

Answer 1

问题出在样式：标准引导样式3.0无法使用组合样式2.3。例如：

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">

Angular ui点击不起作用

1 个答案: