在单页应用程序中重新加载页面

Question

我正在构建单页应用程序。我处于这样一种情况，我在一个选项卡中有一个滑块并在另一个选项卡中实现了 google 映射 api。我已经使用 bootstrap 旋转木马实现了滑块。现在，由于这是一个单页应用程序，当我从一个选项卡路由到另一个选项卡时，滑块无法正常工作，google 地图也不会出现。重新加载页面后一切正常。

我正在尝试为此寻找替代解决方案。单击后，我试图再次重新加载选项卡。

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

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

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

但它不起作用。在遵循 post 之后，文档看起来也无法在加载整个应用程序后重新加载单页应用程序中的单个页面。有没有替代解决方案？我正在使用 AngularJS 版本 1.5.9

Answer 1

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

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

有关详细信息，请参阅 MDN Web API Reference - Location.reload

在单页应用程序中重新加载页面

Reloading page in single page application

javascript

angularjs

ngroute