Question

我正在构建单页面应用程序。我处于一种情况，我在一个标签中有一个滑块，并在另一个标签中实现了谷歌地图API。我使用bootstrap轮播实现了滑块。现在，由于这是一个单页面应用程序，当我从一个选项卡路由到另一个选项卡时，滑块无法正常运行谷歌地图。重新加载页面后，一切正常。

我正在尝试为此找到替代解决方案。我试图在点击后再次重新加载标签。

<li class="nav-item">
   <a ng-click="reloadRoute()" class="nav-link" href="#/contact">Contact Us</a>
</li>

在控制器中，这就是我正在尝试的

$scope.reloadRoute = function() {
       $route.reload();
    }

但它不起作用。在关注帖子之后，文档看起来似乎在加载整个应用程序后无法在单页面应用程序中重新加载单个页面。有没有替代解决方案呢？我使用的是AngularJS版本1.5.9

Answer 1

了解如何将Google地图和滑块与AngularJS框架集成比重新加载整个页面更明智。

如果您必须重新加载页面，请使用$window.location.reload(true)。