【问题标题】:bootstrap component tabs, carousels etc not respond引导组件选项卡、轮播等不响应
【发布时间】:2016-02-03 20:49:01
【问题描述】:

直到我的联系页面是静态 HTML 即 contact.html 引导组件选项卡、轮播等工作正常

一旦我使用 ngRoute,路由到局部视图,这些组件功能就不再起作用了。有人遇到过这个问题吗?

【问题讨论】:

  • 我遇到了同样的问题...我相信您/我们需要使用 JavaScript 连接 Bootstrap 组件。 $('#myModal').modal(options) 类型的东西。
  • 你的意思是在默认的 bootstrap.js 之上使用 jqurey 吗?
  • 也许......我认为不应该将 angular 和 jquery 混合作为最佳实践,但我仍然是婴儿步骤,所以最好等待真正了解这里业务的人:)
  • 我听说我们可以使用angular bootstrap-ui
  • 这是我前段时间找到的链接。这可能会有所帮助。 scotch.io/tutorials/…

标签: javascript angularjs tabs angularjs-routing bootstrap-tabs


【解决方案1】:

经过一番研究,我发现 Twitter 引导样式与 AngularJS 一起开箱即用。

但是,要使用依赖于 javascript 的组件,您需要转到其他框架。

Angular UI 的引导部分有一些您可以使用的“迁移”组件。我尝试了一些,它们直接开箱即用。 (与组件一起给出的复制和粘贴示例)

Quantum UI 也有一些不错的工作组件。我尝试了一些,我个人正在考虑使用这些来代替。

【讨论】:

    猜你喜欢
    • 2019-07-31
    • 2014-06-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-11-03
    • 2021-10-10
    • 2014-03-10
    相关资源
    最近更新 更多