javascript - 使用 AngularJS 1.4.14 突出显示 ng-repeat 中具有最高值的单元格

Question

我正在开发仪表板，我需要一些帮助“_”。

我从 API 获取了一个 JSON，并获取了一个包含 5 个元素的数组，每个元素都包含此结构(我对其进行了简化，但它与此很接近)。

{
      "app_id": "id",
      "app_name": "name",
      "users_percentiles": {
        "users_percentile_1": "3408",
        "users_percentile_2": "2356",
        "users_percentile_3": "988",
        "users_percentile_4": "1099",
      }
    }

然后，我使用表格来组织仪表板中的这些元素。

    <tbody ng-repeat="dash in dashboard">
            <tr>
                <td>{{dash.app_id}}</td>
                <td>{{dash.app_name}}</td>
                <td ng-repeat="percentile in dash.users_percentiles">
                    {{(percentile}}%
                </td>
           </tr>
    </tbody>

我希望每个 ng-repeat 突出显示百分位数的最高值(如果两个相等，则两者都应该突出显示)。

我想我应该添加类似的内容:

ng-class="{max : percentile == maxPercentile}"

和一个函数:

     $scope.maxPercentile = -1;
     angular.forEach(percentiles, function (percentile) {
         if (percentile > $scope.maxPercentile) {
             $scope.maxPercentile = percentile;
         }
     });

但我真的不知道在哪里使用这个方法。

我尝试使用 $watch，但无论我如何尝试，我都无法让它工作......

Answer 1

<tbody ng-repeat="dash in dashboard">
            <tr>
                <td>{{dash.app_id}}</td>
                <td ng-init = "maxpercentile = getMaxPercentile(dash.users_percentiles)">{{dash.app_name}}</td>

                <td ng-class="{max : percentile === maxpercentile}"
                  ng-repeat="percentile in dash.users_percentiles">
                    {{percentile}}%
                </td>

           </tr>
    </tbody>



$scope.getMaxPercentile = function(percentiles){
         var maxPercentile = -1;
         angular.forEach(percentiles, function (percentile) {
             if (percentile > $scope.maxPercentile) {
                 maxPercentile = percentile;
             }
         });
         return maxPercentile;
    }