在AngularJS中，ng-repeat是一个非常强大的指令，用于循环遍历数组或对象，并生成重复的HTML元素。默认情况下，ng-repeat按照数组或对象的顺序来显示数据。但是，在某些情况下，如果需要按相反的顺序显示数据，则可以使用ng-repeat指令的反转选项。
反转选项
使用ng-repeat指令时，可以通过添加| reverse管道符号将其反转。例如：
<ul>
<li ng-repeat="item in items | reverse">{{ item }}</li>
</ul>上面的代码会按照数组或对象的倒序显示数据。
示例代码
假设有一个显示用户评论的应用程序。评论以时间戳的形式存储在数组中。默认情况下，新的评论将显示在列表的底部。但是，如果想要新的评论显示在列表的顶部，则可以使用反转选项。
-- -------------------- ---- -------
---- -------------- -----------------------
-------------
----
--- ------------------ -- -------- - ---------
-- ------------ -- - -- ----------------- - ---- --
-----
-----
----- -------------------------
------ ----------- ---------------------------
------- ---------------------------
-------
-------- -------------------- ---- -------
----------------------- ---
--------------------- ---------------- -
--------------- - -
------ ---------- ---------- --- --------
------ ---------- ---------- --- --------
------ ---------- ---------- --- -------
--
----------------- - ---------- -
--- ------- - -
----- ----------------------
---------- --- ------
--
------------------------------
--------------------- - ---
--
---上面的代码将在页面中显示一个评论列表和一个表单，用于添加新评论。如果不使用反转选项，则新评论将显示在列表的底部。但是，通过添加| reverse管道符号，新评论现在会显示在列表的顶部。
总结
ng-repeat指令是AngularJS中非常有用的功能之一，可以帮助开发人员快速生成重复的HTML元素。反转选项使得数据可以按照相反的顺序显示，从而提高了应用程序的灵活性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25037