在AngularJS中处理来自模板的链接

目前，我以这种方式处理链接：

<a ng-click="goToLink('/foo')">foo</a>

$scope.goToLink = function(url) {
    $location.path(url)
}

该页面当然会被重新加载（并得到404），因为它应该类似于：

<a ng-href="#/foo">foo</a>

是否有一个指令或东西来定义“html5模式不可知”的链接，这样我就不必在每个链接中都添加标签

差不多

<a ng-smart-href="/foo">foo</a>.

。

检查ng href，它正是您要查找的内容

---

在HTML5模式下选中“相对链接”示例，如果在传统浏览器中：

---

请参阅以下文档：。

当我尝试重新加载整个页面时。我做错什么了吗？@sammla，你检查过$location的例子吗？是的，我看到它在那里工作，但我不知道我缺少什么配置。我尝试添加一个基本href，但没有成功。这个例子说“在这里你可以看到两个$location实例，都在Html5模式下”，在脚本中我看到$locationProvider.html5Mode（true.hashPrefix（“！”）；（我使用的是hashbang模式），但在示例中它使用hashbang。这有点让人困惑s

<a ng-smart-href="/foo">foo</a>.