使用 ng-class 更改字形排序 table
Using ng-class to change glyphicons sorting a table
我一直无法让 ng-class 按预期工作。我有一个 table，可以通过单击 glyphicon-chevron-down 以降序和升序对其进行排序。然而这就是问题所在。
我正在尝试将 ng-class 实现到所有 sortable header 中，以便能够将 glyphicon-chevron-down 更改为 glyphicon-chevron-up按升序排列 vice-versa.
问题的第二部分是它变化的方式。当您单击 header 时，它将首先按降序排序，然后下一次单击应按 glyphicon-chevron-up 升序显示，除非它是默认排序 header。在这种情况下，它应该从降序（默认状态）切换到升序。
下面是一个带有问题 table 示例的 plnkr。如果有人可以帮助我进行此更改，我们将不胜感激。
您可以在 orderProperty 上验证并在您的 ng-class 条件中使用它来设置 glyphicon-chevron-down 或 glyphicon-chevron-up
<th>D<span id="tbl3" ng-click="setOrderProperty('d')" class="glyphicon pull-right" ng-class="{ 'glyphicon-chevron-down': orderProperty != 'd', 'glyphicon-chevron-up' : orderProperty == 'd' }"></span></th>
我一直无法让 ng-class 按预期工作。我有一个 table，可以通过单击 glyphicon-chevron-down 以降序和升序对其进行排序。然而这就是问题所在。
我正在尝试将 ng-class 实现到所有 sortable header 中，以便能够将 glyphicon-chevron-down 更改为 glyphicon-chevron-up按升序排列 vice-versa.
问题的第二部分是它变化的方式。当您单击 header 时，它将首先按降序排序，然后下一次单击应按 glyphicon-chevron-up 升序显示，除非它是默认排序 header。在这种情况下，它应该从降序（默认状态）切换到升序。
下面是一个带有问题 table 示例的 plnkr。如果有人可以帮助我进行此更改，我们将不胜感激。
您可以在 orderProperty 上验证并在您的 ng-class 条件中使用它来设置 glyphicon-chevron-down 或 glyphicon-chevron-up
<th>D<span id="tbl3" ng-click="setOrderProperty('d')" class="glyphicon pull-right" ng-class="{ 'glyphicon-chevron-down': orderProperty != 'd', 'glyphicon-chevron-up' : orderProperty == 'd' }"></span></th>