javascript - 如果表的行是通过 ng-repeat 从一个方法的返回创建的，如何通过另一个方法调用设置其中一行？

Question

我有一个函数可以让所有玩家加入一个团队。该函数在页面加载时调用，然后用于在表中创建一行数据，如下所示 getTeamPlayers(teamName):

<tr ng-repeat="player in teamPlayers">
    <td><a href="#/players/{{player.id}}">{{player.name}}</a></td>
    <td><!-- want to put in here isMVP --></td>
</tr>

还有第二个 API 调用来查找 MVP 的玩家 ID。我想要:

1. 调用该方法getLeagueMVP()
2. 为 MVP 玩家设置正确的单元格(如果他们在该团队中并且其 ID 与 MVP 玩家的 ID 匹配)

如何同时执行 #1 和 #2？

Answer 1

这样的事情怎么样？

<tr ng-repeat="player in teamPlayers">
    <td><a href="#/players/{{player.id}}">{{player.name}}</a></td>
    <td ng-if="player.MVP == true">MVP</td>
</tr>



var teamPlayers = getTeamPlayers();
var mvp = getLeagueMVP();
for (var i = 0; i < teamPlayers.length; i++) {
    if (teamPlayers[i].id == mvp.id) {
        teamPlayers[i].mvp = true;
    }
}    

你加载球员，然后加载mvp信息，然后查看所有球员，对于每个球员，如果该球员的id等于mvp的id，则将该球员的mvp值设置为true。 Angular 的数据绑定(bind)会理解您已经更新了数组，并且应该只更新 ng-repeat 表。

仅供引用，我不知道您的任何变量名称或这些函数返回的内容 =]