在 AngularJS 中，ng-repeat 指令通常用于迭代数组或对象来生成重复的 HTML 元素。但是有时候我们想要限制 ng-repeat 的迭代次数，例如只循环10次或者5次等。本文将介绍如何在 AngularJS 中使用 ng-repeat 来实现迭代指定次数。
使用 limitTo 过滤器
最简单的方法是使用 AngularJS 内置的 limitTo 过滤器。limitTo 可以限制数组或字符串中元素的数量，我们可以利用这个过滤器来限制 ng-repeat 的迭代次数。
以下是一个使用 limitTo 的示例代码：
<div ng-repeat="i in [] | range:10 | limitTo:5">{{i}}</div>上面的代码中，我们首先定义了一个空数组 []，然后使用自定义的 range 过滤器生成了一个从0到9的数组，接着使用 limitTo 过滤器限制了迭代次数为5。最后，在 ng-repeat 中使用 i 变量来迭代数组并生成重复的 div 元素。
值得注意的是，如果不使用自定义的 range 过滤器，则需要手动定义一个包含指定次数的数组，并将其传递给 ng-repeat。
下面是一个完整的例子，其中演示了如何使用 limitTo 过滤器来限制 ng-repeat 的迭代次数：
-- -------------------- ---- -------
--------- -----
----- ---------------
------
----- ----------------
---------------- --------- ---- - ----- -- -----------------
------- --------------------------------------------------------------------------------------
--------
----------------------- ---
---------------- -------- -- -
------ -------- ------- ------ -
----- - ----------------
--- ---- - - -- - - ------ ---- -
--------------
-
------ ------
--
---
---------
-------
----- -----------------------
---- ------------ -- -- - -------- - ----------------------
-------
-------在这个例子中，我们首先定义了一个名为 myApp 的 AngularJS 应用程序，并创建了一个名为 range 的过滤器。该过滤器接受两个参数，一个是输入数组或字符串，另一个是迭代次数。它会生成一个从0到（迭代次数-1）的数组并返回。
接下来，在 ng-repeat 中使用空数组和 range 和 limitTo 过滤器来限制迭代次数为5。最后，将 myCtrl 控制器附加到 body 元素上以使其生效。
使用自定义指令
除了使用内置的 limitTo 过滤器之外，我们还可以编写自定义指令来实现类似的功能。自定义指令可以更好地封装限制迭代次数的逻辑，并提供更灵活的方式来控制迭代次数。
以下是一个使用自定义指令的示例代码：
-- -------------------- ---- -------
--------- -----
----- ---------------
------
----- ----------------
---------------- --------- ---- - ----- -- -----------------
------- --------------------------------------------------------------------------------------
--------
----------------------- ---
--------------------------- -------- -- -
------ -
--------- ----
----- -------- ------- -------- ------ -
--- ----- - ------------------------------
---------------------------- -------- ---------- -
--- --- - ---
--- ---- - - -- - - ----- -- - - ---------------- ---- -
----------------------
-
---------------------------
---
-
--
---
---------
-------
----- -----------------------
-
- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------