javascript - 带有 Bootstrap 轮播问题的 Angular 路由

Question

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

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

因此，当 url 更改为未列出的任何内容时，它将默认为主页 View 。因此，当用户单击轮播并且轮播名称附加到 url 时，它默认为主页 View 。如果 url 与此轮播相关，我需要某种方法来消除路由的启动，是否有办法做到这一点或可能有其他方法解决此问题？

我希望我已经解释清楚了。如果没有让我知道，我会尽力解释得更好。

感谢我可能得到的任何帮助。

Answer 1

如果我没理解错的话，问题似乎是轮播修改了 URL 并为您触发了路由更改。

解决这个问题的方法是不按原样使用 Bootstrap 轮播，而是使用包装 Bootstrap 的 Angular 库为您提供 Bootstrap 功能的 Angular 兼容指令

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

此包装器指令不使用 anchor 和 URL 更改来提供功能。我强烈推荐使用这个库。