时间戳

首页 > 解决方案 > 在Angular中将id传递给GET API url

angularjs - 在Angular中将id传递给GET API url

问题描述

我正在尝试ID将从 GET API 获得的内容传递给另一个 GET API url，这将在另一个状态下需要。

我收到了 GET API 的回复

[{
"ID" : 1,
"Name":"XYZ"
}]

我在 View 中使用了 Bootstrap 卡，我在 ng-repeat 中生成了上述信息。单击特定卡时，该卡将通过传递该特定卡的 ID 重定向到其他状态，其中包含来自另一个 API 的信息。例如：http://url/1。这个 url 也将是 GET 。

我是新来的。我怎样才能做到这一点？我已经通过$stateparams但真的没有得到它。

标签： angularjsapiangular-ui-router

解决方案

会尽力帮助你。

我很有趣你正在使用 ui-router，在这种情况下你的状态定义应该如下

{
  name: 'root',
  url: '/:id',
  controller:'rootController',
  resolve: {
    // info then can be injected into 'rootController'
    // $stateParams helps you access the :id property in the url
    info: ['$stateParams',function($stateParams) {
      // you make the second api call here. 
      return api.getInfo($stateParams.id);
    }]
  }
}

这是外卖表格

  1. url 中的 :id 可以通过 $stateParams 服务访问。
  2. 解析对象文字允许您在加载状态控制器之前进行 API 调用，并将 API 调用的结果注入所述控制器。

希望这会为您指明正确的方向，干杯！

推荐阅读