【问题标题】:What does reverse=!reverse means in angular orderby?reverse=!reverse 在角度排序中是什么意思?
【发布时间】:2014-10-02 02:58:20
【问题描述】:

我正在使用 AngularJS 对数据进行排序。我在 AngularJS 文档https://docs.angularjs.org/api/ng/filter/orderBy 中看到了一个示例。我不明白 reverse=!reverse 在 index.html 中的含义。这是代码:

div ng-controller="ExampleController">
  <table class="friend">
    <tr>
      <th><a href="" ng-click="reverse=false;order('name', false)">Name</a>
        (<a href="" ng-click="order('-name',false)">^</a>)</th>
      <th><a href="" ng-click="reverse=!reverse;order('phone', reverse)">Phone Number</a></th>
      <th><a href="" ng-click="reverse=!reverse;order('age',reverse)">Age</a></th>
    </tr>
    <tr ng-repeat="friend in friends">
      <td>{{friend.name}}</td>
      <td>{{friend.phone}}</td>
      <td>{{friend.age}}</td>
    </tr>
  </table>
</div>

我按照示例进行了操作。它有效,但我不明白表达 reverse=!reverse 是什么意思?

【问题讨论】:

  • 它只是每次都翻转该变量的值。 Name 为 reverse=false,然后Phone number 为 reverse=true,Age 再次为 reverse=false。

标签: angularjs sorting html-table


【解决方案1】:

当您单击电话号码或年龄的链接时,列表的排序将按这些列以相反的顺序排列。 reverse=!reverse; 只是将该变量的值从 true 切换到 false 或从 false 切换到 true,然后将其传递给 order 函数。

【讨论】:

  • 好的,它只是切换。谢谢
猜你喜欢
  • 1970-01-01
  • 2011-06-08
  • 2016-10-04
  • 2015-03-21
  • 2018-07-11
  • 2019-10-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多