有动态标题的角度排序

Question

如何对给定动态标题的表格进行排序？我可以找到的所有例子都使用静态头文件。我的第一个问题是ng-click没有更新orderByField。

我下面BEST SHOT：HTML：

<table class="table table-condesnsed table-bordered"> 
    <thead> 
     <tr> 
     <th ng-repeat="header in report_headers" 
      ng-click="orderByField[header]; reverseSort = !reverseSort"> 
      {{ header }}</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr ng-repeat="quote in paginated_quotes"> 
     <td ng-repeat="elem in quote |orderBy:orderByField:reverseSort"> 
      <span ng-if="!isNumber(elem.value)"> 
       {{ elem.value | limitTo:8 }}... {{ elem.unit }}</span> 
      <span ng-if="isNumber(elem.value)"> 
       {{ elem.value | number:0 }} {{ elem.unit }}</span> 
     </td> 
     </tr> 
    </tbody> 
    </table> 

JS：

$scope.orderByField = 'UUID'; 
$scope.reverseSort = false; 

感谢

Answer 1

我想你想

<th ng-repeat="header in report_headers" 
     ng-click="orderByField = header; reverseSort = !reverseSort"> 

以外，它看起来像它应该工作