AngularJS中的ng-if ng-options

时间:2017-10-03 09:22:47

标签: angularjs

我想用一些id过滤我的数据。当我选择球队时,我想过滤那些球队中的球员。

这是我的HTML

<div class="col-sm-2" style="width:14.666667%">
     <select style="width: 135px;" ng-model="selectedTeam" ng-options="x.team_name for x in teams" ng-change="changeLocationTeam(selectedTeam.team_id)">
           <option value="" selected disabled>SELECT TEAM</option>
     </select>
</div>
<div class="col-sm-2" ng-if="showPlayer()" style="width:14.666667%">
     <select style="width: 150px;" ng-model="selectedPlayer" ng-options="y.first_name + ' ' + y.last_name for y in players" ng-change="changeLocationPlayer(selectedPlayer.team_id,selectedPlayer.player_id)">
            <option value="" selected disabled>SELECT PLAYER</option>
     </select>
     <div ng-if="showReset()">
       <a ui-sref="activity-statistic.activity-statistic-club-heart" style="font-size:7px;">RESET TO TEAM VIEW</a>
     </div>
</div>

有什么想法吗?

1 个答案:

答案 0 :(得分:4)

为了达到这个目的,你必须知道玩家属于哪个团队。我假设您在具有属性team_id的播放器对象中拥有该信息。然后你只需要通过team_id过滤你的选项。

ng-options="y.first_name + ' ' + y.last_name for y in players | filter: {team_id:selectedTeam.team_id}

这是一个有效的fiddle