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

时间:2016-03-13 07:59:42

标签: javascript angularjs express

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

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

因此,当我点击编辑按钮时,它会执行以下操作:

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

然后指向编辑页面,显示正确的记录并预先准备好数据。

但是我想以某种方式进行操作,我点击编辑按钮,它会创建一个类似于以下内容的网址:/ customer?id = 12345

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

所以我的问题是我怎么能这样做?我是否需要更改服务器端的api路由以适应这一点,因为目前如下获取

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

任何帮助都会很棒

由于

1 个答案:

答案 0 :(得分:1)

使用ui-sref

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

这将为路径创建正确的URL(类似于:/customer/12345)。

这适用于这样的路线:

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