【问题标题】:angular-bootstrap accordion won't open角引导手风琴不会打开
【发布时间】:2014-02-04 15:39:11
【问题描述】:

Plunker:http://plnkr.co/edit/Sjfb3Esx1NsjwaYGLMGZ?p=preview

Accordion 位于服务器选项卡中。

plunker 确实有效。我真正的应用程序没有。 plunker 唯一没有真正复制的是 ui-router 的东西。在我的实际应用程序中,手风琴不会打开。 SO上的其他问题说 ui.bootstrap 不包括在内,这解决了他们的问题。我确实包含了 ui.bootstrap。

我还尝试从http://angular-ui.github.io/bootstrap/ 复制和粘贴示例,但也不起作用。

我不知道还能找到什么。

更多信息:

我没有收到任何错误。其他 ui-bootstrap 指令也可以正常工作。我在同一页面上使用标签,而模式和下拉菜单在其他页面上工作。

【问题讨论】:

  • 您在应用中使用了哪些版本的 bootstrap 和 angular-ui?
  • ui 是 0.4.0,ui-bootstrap 是 0.10.0,bootstrap.css (sass) 是 3.0.3.0
  • 这是我的模板。不知何故,我的模板文件与 js 文件不同步。在模板中调用ng-click="toggleOpen()",这在我的代码中不存在。当我将其回滚到ng-click="isOpen = !isOpen" 时,一切都按预期工作。我需要弄清楚为什么我的模板和 js 文件不同步。

标签: angularjs angular-ui-bootstrap


【解决方案1】:

某些版本的 angular-ui 存在问题,js 假定至少一个手风琴是打开的并尝试计算宽度。但是引导程序隐藏了所有手风琴。所以尝试通过css显示一个手风琴,即设置手风琴的显示属性。

【讨论】:

  • 我可以使用 css 使其中一个窗格可见,但这不会使手风琴切换。
【解决方案2】:

根据我的评论:

这是我的模板。不知何故,我的模板文件与 js 文件不同步。在模板中,它正在调用我的代码中不存在的 ng-click="toggleOpen()"。当我将其回滚到 ng-click="isOpen = !isOpen" 时,一切都按预期工作。我需要弄清楚为什么我的模板和 js 文件不同步。

我使用不包含模板文件的 bower 安装了 ui-bootstrap。我需要在开发过程中禁用模板缓存,所以我不能使用 tpls 代码。我从 github 下载了模板目录,其中一些模板根本与 bower 下载的代码版本不匹配。我将模板文件更新为与 bower 中的代码正确匹配的旧版本。现在一切正常。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-07-23
    • 1970-01-01
    • 1970-01-01
    • 2020-05-27
    • 1970-01-01
    • 2016-12-25
    相关资源
    最近更新 更多