在 AngularJs 中，ng-repeat 是一个非常强大的指令，它可以通过循环遍历数组并渲染 HTML 模板。同时，它还支持过滤器，可以根据特定条件过滤数据。在本文中，将介绍如何使用 ng-repeat 进行 (key, value) 过滤。
准备工作
首先需要在 HTML 页面中引入 AngularJs 库。可以使用以下代码：
------- ------------------------------------------------------------------------------------
然后，需要在应用程序中注入 AngularJs，可以使用以下代码：
--- --- - ----------------------- ----
使用 ng-repeat 进行 (key, value) 过滤
ng-repeat 可以接受一个对象作为参数，并将其转换为数组进行遍历。这时，ng-repeat 将会把每个元素转换为 key-value 对象，并且可以使用 $key 和 $value 来访问它们。
我们可以根据 key 或者 value 进行过滤。具体实现方法如下：
---- -------------- -----------------------
----
--- ---------------- ------ -- ----- - ---------------------------------------------
-----
------其中，myObj 表示要进行过滤的对象，filterFunction 是一个自定义的过滤函数。例如，我们可以根据 value 进行过滤：
------------------------ ---------------- -
------------ - ------------- ------- ---------------
--------------------- - --------------- ------ ------ -
------ ------------------ - ---
--
---这个例子中，只有 name 和 age 包含字母 "a"，所以只有它们会被渲染出来。
示例代码
以下是完整的示例代码，包括 HTML、CSS 和 JavaScript：
--------- -----
------
------
---------------- --------- ------------
----- ----------------
------- ------------------------------------------------------------------------------------
------ ----------------
-- -
----------- -----
-------- --
-
-- -
-------------- -----
-
--------
-------
------
---- -------------- -----------------------
---------- --- -------
----
--- ---------------- ------ -- ----- - ---------------------------------------------
-----
------
--------
--- --- - ----------------------- ----
------------------------ ---------------- -
------------ - ------------- ------- ---------------
--------------------- - --------------- ------ ------ -
------ ------------------ - ---
--
---
---------
-------
-------总结
使用 ng-repeat 可以很方便地对 (key, value) 进行过滤，并且可以根据自己的需求编写自定义过滤函数。这个特性非常实用，在实际开发中经常会遇到需要使用它的场景。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/25122