来自 AngularJS 和查询字符串的 Restful API 调用

Question

我目前正在开发一个具有编辑功能的网络应用程序。

目前我构建了一个页面，其中包含所有包含 id 的记录列表。

所以当我点击编辑按钮时，它会执行以下操作：

 $state.go('editCustomer', { customerObj: customer });

然后这会指向显示正确记录的编辑页面并预先填充很好的数据。

但是我想做的方式是单击编辑按钮并创建一个类似于以下内容的 url：/customer?id=12345

当编辑页面加载时，它会从查询字符串中获取 id 并使用 $resource 调用 get。

所以我的问题是我怎么能做到这一点？我是否需要更改服务器端的 api 路由以适应这一点，目前如下所示为 get

router.get('/:id', controller.show);

任何帮助都会很棒

谢谢

Answer 1

使用ui-sref:

<a ui-sref="editCustomer({ id: customer.id })">Edit</a>

这将为路由创建正确的 URL（例如：/customer/12345）。

这适用于这样的路线：

$stateProvider
  .state('editCustomer', {
    url: '/customer/:id',
    // etc ...
  });