根据我在AngularJS上单击的项目获取JSON数组对象特定Id

所以我有一个包含团队列表的表，我想做的是当我点击一个团队名称时，它会显示一个包含团队详细信息的新视图。共有2名控制员，1名负责获取联赛表格和赛程，1名负责获取球队详细信息。到目前为止，我已经从联盟表中的控制器通过Json对象数组循环得到了一个链接列表，其中包含我需要传递给团队详细信息控制器的ID，以便我可以指定它应该显示哪个团队。因为团队在对象中没有ID，所以我不得不这样做

所以问题是，我可以console.log所有ID，但它只通过最后记录的ID。它与我所点击的团队是同一个团队。我想获取我单击的团队的特定ID，并将其传递给团队详细信息控制器ID:

我正处于学习阶段，请原谅我糟糕的代码：）
如果您看到我的代码编写有任何改进，请务必让我知道

我从以下位置获取数据：

从以下位置使用AngularJs工厂库：

景色

---

您可以使用和轻松解决此问题，它们基于您甚至使用的相同角度库。插件页面上有一个链接，指向一个正在工作的plnkr示例您可以使用和轻松解决此问题，它们基于您甚至使用的相同角度库。插件页面上有一个链接，指向一个正在工作的plnkr示例

谢谢，我会查看它！谢谢，我会留意的！

<tbody>
  <tr ng-repeat="team in teams.standing | filter:searchText | orderBy:orderByField:reverseSort">


    // Where i want to somehow click on a team name and load that teams details
    <td><a href="#!/teamDetails"><strong>{{ team.teamName }}</strong></a></td>
  </tr>
</tbody>

.controller('AppCtrl', ['$scope', 'footballdataFactory',  function($scope, footballdataFactory) {
  $scope.date = new Date();
  var apiKey = '***********************';

  $scope.$back = function() {
    window.history.back();
  };

  $scope.leagueId = function(id) {
    $scope.id = id;

    footballdataFactory.getLeagueTableBySeason({
      id: $scope.id,
      apiKey: apiKey, // Register for a free api key: http://api.football-data.org/register
    }).success(function (data) {
      $scope.teams = data;
      $scope.leagueCaption = data.leagueCaption;

      console.log("Get League", $scope.teams);
      console.log('Loop through league and get team ids ----------------------------');
      $scope.getTeamId = function(teamId) {
        var dataLength = $scope.teams.standing.length;
        for(var tUrl = 0; tUrl < dataLength; tUrl++) {
          $scope.teamUrl = $scope.teams.standing[tUrl]._links.team.href.substr($scope.teams.standing[tUrl]._links.team.href.lastIndexOf('/') +1);
          console.log('teamId: ' + $scope.teamUrl);
        }
      }
    });
  };

  $scope.league = function(id) {
    $scope.id = id;
    footballdataFactory.getFixtures({
      league: $scope.id,
      apiKey: apiKey,
    }).success(function(data){
      $scope.games = data;
      console.log("getFixtures", $scope.games);
    });
  };
}])

// Team details controller
.controller('TeamCtrl', ['$scope', 'footballdataFactory', function($scope, footballdataFactory) {
  var apiKey = '*************************';

  footballdataFactory.getTeam({
    id: $scope.teamUrl, ***Inserting the last 2 or 3 digits i get from the url***
    apiKey: apiKey,
  }).success(function(data){
    $scope.teams = data;
    $scope.name = data.name;
    $scope.crestUrl = data.crestUrl;
    $scope.squadMarketValue = data.squadMarketValue;
    console.log("getTeam", $scope.teams);
  });

  footballdataFactory.getPlayersByTeam({
    id: $scope.teamUrl,
    apiKey: apiKey,
  }).success(function(player){
    $scope.players = player.players;

    console.log("getPlayersByTeam", player);
  });
}])