AngularJS 反向路由

Question

除了在 href 属性中对 URL 进行硬编码之外，还有其他方法可以通过 $routeProvider 获取附加到 Controller 的 URL 吗？如果您修改 $routeProvider 中的路由，则必须修改模板中的所有硬编码 URL，这不是很有效。

例如，Django 框架提供了“reverse()”实用函数和“url”模板标签，它们给出了“ Controller ”( View 函数)和 URL 参数，它返回关联的 URL。

Answer 1

没有内置的方法可以做到这一点，但您可以使用 angular.named-routes它提供反向网址。

$routeProvider:

$routeProvider.when("/product/:id/:slug", {
    templateUrl: "/product.html",
    controller: "ProductController",
    name: "product-detail"
});

$locationProvider.html5Mode(true);

$范围

{product: {id: 1, name: "Awesome Product", slug: "awesome-product"}}

从模板做反向:

<a data-named-route="product-detail" data-kwarg-id="{{ product.id }}" data-kwarg-slug="{{ product.slug}}">{{ product.name }}</a>

应该变成:

<a href="/product/1/awesome-product">Awesome Product</a>