javascript - Angular : Multiple clicks on same button is not working

Question

我在 Angular Js 中创建了一个网页。每当我从 Home 页面导航到其他页面并单击该页面的 Home 按钮时，它都会导航回 Home 页面，这是预期的并且可以正常工作美好的。但是，当我再次单击 Home 按钮时，我期待页面刷新(因为当前它是 Home 页面)但它没有发生。

Answer 1

当您尝试前往的路线的 $location 与您所在的当前路线相同时，Angular 不会重新加载 View 。您可以使用 reload() 方法来实现这一点。参见 https://docs.angularjs.org/api/ngRoute/service/$route

(确保切换 api 版本以匹配您正在使用的 Angular 版本)

要获得比使用搜索参数更简洁的解决方案(恕我直言)，请参阅以下代码(我使用的是 controllerAs 语法):

angular.module('app').controller('MainController', [
  '$location',
  '$route',
  function ($location, $route) {
    var main = this;

    main.goToHome = function () {
      if ($location.path() === '/') {
        $route.reload();
      }
    };
  }
]);

结合点击时在主页按钮链接上调用该函数:

<a href="#/" ng-click="main.goToHome()">Home</a>

此函数会在您单击按钮时检查位置，如果位置是 /，则会重新加载 View 。

当然，您可以将路线 url 替换为您用于家庭路线的任何 url。