javascript - Angular SPA 中不需要的页面刷新

Question

我使用 HTML5 模式进行 Angular 路由设置，如下所示:

app.config($routeProvider, $locationProvider){

  $locationProvider.html5Mode(true);

  $routeProvider.when("/", {
    templateUrl: "/views/login.html"
  }).when("/dashboard", {
    templateUrl: "/views/dashboard.html"
  })

});

现在我通过这样的简单链接在路线之间移动:

<a href="/dashboard"></a>

这工作正常，除了当我单击链接时似乎会重新加载整页。 Angular 并不打算这样做，所以我不确定发生了什么。

可能值得注意的是，实际上我的脚本比这复杂得多，但是在调试了所有内容之后，除了我最近切换到 HTML5 模式之外，我看不到任何错误。

如何停止页面重新加载？

Answer 1

尝试使用ui-sref指示。它将使用 $state加载页面的服务。

<a ui-sref="yourroute">Link</a>

您必须使用 $stateProvider 配置您的路由使用路由名称。