Question

感谢我从上一个问题中获得的帮助，我能够创建我的百分比差异列，用于计算重复收集的每个连续索引之间的差异。我现在的问题是我添加了一个过滤器，我需要百分比差异计算来动态更新ng-repeat表的过滤结果。

这是我设置的表，它在表格中显示索引号，类类型，数字和百分比差异：

<tbody>
 <tr ng-repeat="entry in Rankings | filter:myFilter">
  <td>{{ $index }}</td>
  <td>{{ entry.class }}</td>
  <td>{{ entry.num }}</td>
  <td>{{ Rankings[$index].number / Rankings[$index + 1].number * 100 | number : 2 }} %</td>
 </tr>
</tbody>

然后我的过滤器设置了几个按钮以相应地应用过滤器：

<div class="btn-group" data-toggle="buttons">
  <label ng-click="myFilter = { class: 'Tanker' }" class="btn btn-success btn-md">Tanker</label>
  <label ng-click="myFilter = { class: 'Damager' }" class="btn btn-success btn-md">Damager</label>
  <label ng-click="myFilter = { class: 'Healer' }" class="btn btn-success btn-md">Healer</label>
</div>

任何人都可以给我一些关于如何使用不同过滤器应用百分比差异列更新的指示吗？我可以在ng-repeat中做到这一点吗？

Answer 1

这似乎是这样做的。诀窍是在计算差异百分比时也使用过滤器，这样就可以从过滤后的记录中读取下一行。

Warning: touch(): Utime failed: Permission denied in     /home/php/smarty/libs/sysplugins/smarty_template_compiled.php on line 222

angular.module('test', [])

.controller('Test', function($scope) {
  var numbers = [1,3,5,53,2,552,32];
  
  $scope.Numbers = numbers.map(function(n) {
    return {num: n, class: (['Tanker','Damager','Healer'])[n % 3]};
  });
});

百分比差异显示使用过滤器动态更新

1 个答案: