angularjs - AngularJS 中的相关链接

Question

在我的模板中，我想使用相对路径。目前我的 anchor href 中有绝对路径，这是次优的

<a href="/#/dashboard/settings">Settings</a>

如何将其重写为相对导航(相对于 dashboard)？

它应该与 hashbang 和 html5 history api 路由一起工作(无论 AngularJS 使用或回退到哪个)

Answer 1

在您的 Controller 中，您可以查看 $routeParams 并构建一个base url 以进行操作。

从那里您的模板可以针对 "{{baseUrl}}/relative/to/scope/baseUrl"

进行操作

在您的代码中构建的 url 可以转到 $scope.baseUrl +/relative/to/scope/baseUrl";

它不完全是“相对的”，但它确实解决了允许 url 精炼其他 url 的问题，而不必对层次结构进行硬编码，也不必担心变量等路由参数。