单击Twitter Bootstrap上的选项卡时,页面会跳转到选项卡锚点。我想使用此处显示的代码禁用此功能: Twitter Bootstrap Tabs href="#" anchor tag jumping
但是我使用Angular - 我会在哪里放置此代码,以便它为每个引导程序选项卡运行为&何时加载新页面?
据我所知,问题是ui-router正在将锚点推入url,因为它认为它是状态的变化,这导致页面跳转到锚点。所以我想我问如何从ui-router中排除这些标签?
目前我在上面的链接中使用了双哈希解决方案,但我更喜欢一个更清晰的解决方案,它只是从ui-router中排除了标签。另一个解决方案是使用stateChangeSuccess覆盖操作,但这也不理想。
答案 0 :(得分:0)
看看UI Router State Change Hooks
也许您可以点击$stateChangeSuccess
事件并在此处执行代码。我假设每个标签都是一个类似于这个网站AngularJS website with tabs and UI Router的独特状态。如果不是,您可能需要考虑以这种方式进行设计。代码在这里Code for AngularJS Tutor website