如何在Angular中调用ng-repeat中的另一个函数

Question

我确信这个问题以前已经问过了，但是我看不到或找不到最好的解释，因此我想重新提出同样的问题并用一些例子打开线索以获得更清晰的答案。

我的目标是显示团队及其排名，注意：为显示排名，我有一个单独的函数，根据他们在db中的分数字段得到团队的排名。

我有一个TeamController如下内的两个功能：

 tm.showAllByClass = function (classId) { 
      TeamService.showAllByClass(classId).then(function (response) { 
       tm.teamsInClass = response.data; 
      }).catch(function (error) { 
       $scope.result = error; 
      }); 
     }; 

     tm.ranking = function (classId, teamId) { 
      TeamService.ranking(classId, teamId).then(function (response) { 
       return response.data; 
      }).catch(function (error) { 
       $scope.result = error; 
      }); 
     }; 

     <tr ng-repeat="tm in team.teamsInClass.data"> 
       <td>{{tm.group_number}}</td> 
       <td>{{tm.role.name}}</td> 
       <td>{{tm.ranking(tm.class_id, tm.id)}}</td> 
       <td>{{tm.amount | currency}}</td> 
     </tr> 

而且这是在后端部分功能得到所有团队：

public function findAllTeamsInClass($classId) 
{ 
    return Team::where('class_id', '=', $classId)->with('role', 'business')->get(); 
} 

// return rank of team 
public function teamRanking($classId, $teamId){ 
    return 3; // for sake of simplicity I just return a static value 
} 

有什么办法，我可以附上teamRanking功能直接把团队实体当作关系或者什么的？

出于某种原因，tm.ranking（）没有返回任何东西，我怎样才能调用返回ng-repeat内的值的函数。

Answer 1

由于个别排名的提取是异步的，因此这些操作需要从团队列表的提取中链接链接。

team.showAllByClass = function (classId) { 
    TeamService.showAllByClass(classId).then(function (response) { 
     team.teamsInClass = response.data; 
     //return for chaining 
     return team.teamsInClass; 
    }).then(function(teamsInClass) { 
     promiseArray = []; 
     for (var iTeam=0; iTeam<teamsInClass.length; iTeam++) { 
      //IIFE 
      (function (iTeam) { 
       var iPromise = TeamService.ranking(classId, iTeam.id); 
       iPromise = iPromise.then(function(response) { 
        var ranking = response.data; 
        team.teamsInClass[iTeam].ranking = ranking; 
        return ranking; 
       }); 
       promiseArray.push(iPromise); 
      })(iTeam); 
      //end IIFE 
     }; 
     //return for chaining 
     return $q.all(promiseArray); 
    }).then(function(rankingArray) { 
     console.log("All rankings fetched");   
    }).catch(function (error) { 
     $scope.result = error; 
    }); 
}; 

上面的例子取出强队之列，然后创建一个附加的每个等级给每个团队的承诺清单。它使用$q.all至链承诺列表。

的HTML

<tr ng-repeat="tm in team.teamsInClass"> 
      <td>{{tm.group_number}}</td> 
      <td>{{tm.role.name}}</td> 
      <td>{{tm.ranking || 'PENDING' }}</td> 
      <td>{{tm.amount | currency}}</td> 
    </tr> 

排名将显示为PENDING直到数据被从API检索。

Answer 2

你可能有此相同的答案： https://stackoverflow.com/a/26400951/6715875

，你可以简单地调用内部NG重复相同的功能正常的一个。