Question

我正在解析JSON数据并使用angular JS将数据显示到表中。

我使用ng-repeat从JSON文件填充了许多表行。

Status.winner的值可以是0或1.

如果表格行的获胜者的值为0，我想强调该表格行的Playerdata[0].playername为黄色。

否则如果表格行的获胜者是1，那么我想强调该表格行的Playerdata[1].playername为黄色。

如何为具有不同赢家值的每一行执行此操作，可以是0或1？

<body ng-app="form-input" ng-controller="ctrl">
<table class="table table-bordered table-condensed ">
  <caption>Recent Game Statistic</caption>
  <tbody> 
  <tr class="success"  ng-repeat="status in recentGame">      
    <td ng-bind="status.Winner"> </td> 
    <td ng-bind="status.Playerdata[0].Playername"> </td> 
    <td ng-bind="status.Playerdata[1].Playername"> </td> 
  </tr>

var app2 = angular.module('form-input', []);

app2.controller('ctrl', function($scope,$http) { 

var url = "http://...JSON";

$http.get(url).success( function(data) { 
  $scope.recentGame = data.RecentGames; 
  });   
})

Answer 1

使用ngClass：

<tr class="success" ng-repeat="status in recentGame">      
    <td ng-bind="status.Winner"></td> 
    <td ng-bind="status.Playerdata[0].Playername" ng-class="{winner: status.Winner == 0}"></td> 
    <td ng-bind="status.Playerdata[1].Playername" ng-class="{winner: status.Winner == 1}"></td> 
</tr>

然后在CSS中定义.winner类样式，以您需要的方式。例如：

.winner {
    background-color: yellow;
}

根据从JSON

1 个答案: