带有bootstrap轮播问题的角度路由

时间:2014-08-01 08:35:17

标签: javascript angularjs twitter-bootstrap twitter-bootstrap-3 angularjs-routing

我目前有一个问题,我不确定如何解决或甚至可以解决。我目前正在使用Angular JS和Bootstrap 3.0。在我的Angular项目中我使用路由但在我的页面上我有3个导航按钮,根据点击的导航按钮加载不同的指令(请注意,这不是使用路由,它隐藏/取消隐藏指令根据什么是选择)。在这三个指令的每一个中,我都有一个自举轮播。我的问题是,当我点击浏览轮播图像时,它会将我的轮播名称附加到URL并且路由开始。在我的路由中,我有一条其他路线,如下所示:

  .otherwise({
         templateUrl: home.html'
   })

所以当url更改为列出的内容以外的任何内容时,它将默认为主视图。因此,当用户点击轮播并且轮播名称附加到URL时,它默认为主视图。如果网址与此轮播有关,我是否需要某种方法来消除路由,如果有办法解决这个问题,或者可能是另一种解决此问题的方法吗?

我希望我已经清楚地解释了自己。如果不让我知道,我会尝试更好地解释。

感谢您提供的帮助。

1 个答案:

答案 0 :(得分:3)

如果我理解正确,问题似乎是轮播会修改网址并为您触发路线更改。

解决这个问题的方法是不按原样使用引导程序轮播,而是使用包装引导程序的角度库来为您提供角度兼容的引导程序功能指令

http://angular-ui.github.io/bootstrap/

此包装器指令不使用锚点和URL更改来提供功能。我强烈建议您使用此库。