带数据切换的Bootstrap选项卡导致在angularjs中重新加载
带数据切换的Bootstrap选项卡导致在angularjs中重新加载
提问于 2013-11-12 21:23:26
我刚刚迁移到AngularJS 1.2。我已经意识到我所有的菜单/导航元素都配置了数据切换，例如：
<li><a href="#additionalSelection" data-toggle="tab">Additional Selection</a></li>都不再工作了。他们应该用id="additionalSelection“来切换元素--这就是我使用Angular 1.0.8版本时Angular & Bootstrap的工作原理。
但是现在，当我点击锚点元素时，Angular截获了这个点击，并试图转到路由additionalSelection，它会导致页面刷新……
有没有办法解决这个问题？
回答 4
Stack Overflow用户
回答已采纳
发布于 2013-11-13 15:07:29
解决方案非常简单，只需将href属性替换为数据目标。这就解决了问题：
<li><a data-target="#additionalSelection" data-toggle="tab">Additional Selection</a></li>Stack Overflow用户
发布于 2015-03-17 02:59:58
正如dragonfly所指出的，data-target取代了href工作得很好。
在CSS中有一个小的区别。当使用数据目标与href时，游标不再是指针。如果不想添加额外的CSS，可以执行以下操作：
<a href="#additionalSelection" data-toggle="tab" onclick="return false;">Selection</a>这只是一个建议，并不是一个优雅的解决方案。但如果您出于某种原因想要使用href，请添加
onclick="return false;"
Stack Overflow用户
发布于 2016-02-29 05:44:03
只需替换data-target中的href属性
<li><a data-target="#switchTabs" data-toggle="tab">Tabs</a></li>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19930383
复制相关文章
相似问题