【问题标题】:Hash conflict with ng-router与 ng-router 的哈希冲突
【发布时间】:2014-11-26 09:24:56
【问题描述】:

我正在使用ng-router 以及默认情况下与 div ID 映射的引导选项卡。 Angular 将选项卡链接视为路由并尝试路由它们而不是打开选项卡?我如何告诉 Angular 应该忽略这些链接,或者我如何实现选项卡以便我不必使用 ID?我有许多这样的 Bootstrap 小部件,例如使用 ID 的选项卡、面板。

角度链接是这样的:

#/lesson/223

标签链接如下:

#collapsablePanel

【问题讨论】:

  • 您使用的是适应 Angular 的 Bootstrap(例如 angular-ui-bootstrap)还是普通的 Bootstrap?期望的行为是什么,即您是否希望将选项卡更改记录在历史记录中(从而可以通过浏览器的后退按钮访问)?
  • @NikosParaskevopoulos 我使用的是普通引导程序,我不想记录标签历史记录
  • @NikosParaskevopoulos 他们只是用他们的哈希值干扰路由
  • 可能可以纠正这个问题,只需省略选项卡中链接的href="#xxx"属性。 (这就是 angular-ui-bootstrap 所做的)。

标签: angularjs angularjs-ng-route bootstrap-tabs


【解决方案1】:

您可以使用 data-target 属性而不是 href 作为引导选项卡元素。

【讨论】:

    猜你喜欢
    • 2016-07-30
    • 1970-01-01
    • 2012-05-13
    • 2020-10-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-10-18
    • 1970-01-01
    相关资源
    最近更新 更多