ScrollSpy Bootstrap angularJS

时间:2015-05-11 08:21:59

标签: javascript html angularjs twitter-bootstrap

我有一个页面HTML和一个脚本angularJS。 我有这个菜单:

<ul class="nav nav-tabs nav-stacked affix-top" data-spy="affix">
      <li class="active"><a href="#section1">Section1</a></li>
      <li><a href="#section2">Section2</a></li>
      <li><a href="#section3">Section3</a></li>
      <li><a href="#section4">Section4</a></li>
      <li><a href="#section5">Section5</a></li>
      <li><a href="#section6">Section6</a></li>
</ul>

以及以下部分:

<section id="/section1">
</section>

...等等AngularJS添加&#34; /&#34;如果我将"#/section1"放入菜单中的href,那么在对网址进行哈希处理之后会执行链接,但它无法正常工作。

但我有一个问题,我想在这个链接中使用Bootstrap的scrollSpy:http://www.tutorialrepublic.com/codelab.php?topic=bootstrap&file=scrollspy

但它不起作用,我认为这是因为该部分的ID与菜单的href不同,而且angularJS会自动添加&#34 ; /&#34;

有解决方案吗?

0 个答案:

没有答案