Bootstrap的选项卡与数据切换导致在angularjs重新加载

发布时间：2020-12-17 23:56:47 所属栏目：安全来源：网络整理

导读：我刚刚迁移到AngularJS 1.2。我已经意识到，所有配置了data-toggle的菜单/导航元素，例如： lia href="#additionalSelection" data-toggle="tab"Additional Selection/a/li 不再工作了。他们应该切换元素与id =“additionalSelection” – 这是如何Angular B

我刚刚迁移到AngularJS 1.2。我已经意识到，所有配置了data-toggle的菜单/导航元素，例如：

<li><a href="#additionalSelection" data-toggle="tab">Additional Selection</a></li>

不再工作了。他们应该切换元素与id =“additionalSelection” – 这是如何Angular& Bootstrap工作时，我使用版本1.0.8的Angular。

但现在，当我点击锚点元素，Angular拦截这个点击，并尝试去路由additionalSelection，它导致页面刷新…

有办法解决它吗？

解决方法

解决方案就像用data-target替换href属性一样简单。这解决了问题：

<li><a data-target="#additionalSelection" data-toggle="tab">Additional Selection</a></li>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!