路由元素从一个数组到另一个数组（AngularJS）

Question

我正在使用API​​来访问体育赛事的信息数组。我在AngularJS中导航不同的请求URL时遇到了问题。它的布局如下：

API调用＃1：所有团队

http://api.com/standings/1007

这会返回一个包含所有团队的数组。 “1007”表示特定比赛的ID。细

[
  {
    "comp_id": "1007",
    "team_id": "9015",
    "team_name": "Newcastle Utd",
  },
  {
    "comp_id": "1007",
    "team_id": "9002",
    "team_name": "Arsenal",
  }
]

API调用＃2：所有玩家

http://api.com/team/9002

这将返回特定团队中的所有玩家。 “9002”是特定团队的ID。

{
  "team_id": "9002",
  "name": "Arsenal",
  "coach_id": "110681",
  "squad": [
    {
      "id": "237",
      "name": "P. Čech",
    },
    {
      "id": "233546",
      "name": "M. Macey",
    },
    {
      "id": "22426",
      "name": "D. Ospina",
    },
    {
      "id": "235942",
      "name": "Bellerín",
    }
         ]
}

我想设置它以便我可以重复第一个数组（所有团队），并深入链接它，以便选择一个元素将带您进入填充了该团队的特定信息的“详细信息”模板。使用$routeParams，我可以做到这一点。没问题。

但是，此阵列中的信息非常有限。我想用API调用＃2中的更详细的团队信息填充此页面。

如何写出href属性的值，以便它将用户带到新的模板页面，但是会从特定团队的小队信息中获取值？

提前致谢。