在 AngularJS 中，过滤器是一种快捷方式，可以轻松地转换和格式化模型数据。其中一种常见的过滤器类型是筛选非空值。
过滤器语法
筛选非空值的语法非常简单：
{{ expression | filter:notnull }}其中，expression 是要过滤的表达式，而 notnull 是筛选非空值的过滤器名称。
示例代码
以下是使用筛选非空值过滤器的示例代码：
<div ng-repeat="item in itemList | filter:notnull">
{{ item }}
</div>上面的代码将循环遍历 itemList 数组，并仅显示非空值。这个过滤器在很多情况下都非常有用，比如过滤用户提交的表单数据。
深入理解
实际上，AngularJS 中的非空值过滤器不限于 notnull。AngularJS 还提供了其他几种过滤器类型，如：currency、date、json 和 limitTo 等等。
每个过滤器都有不同的功能和属性，您可以根据需要选择相应的过滤器。实际上，您甚至可以自己编写自定义过滤器。
例如，假设您有一个存储数字数组的变量，并且您想显示大于特定值的所有数字。在这种情况下，您可以编写自定义过滤器来执行此操作。
以下是一个示例代码：
-- -------------------- ---- -------
----------------------- ---
---------------------- ---------- -
------ --------------- ------ -
--- ------ - ---
--- ---- - - -- - - ------------- ---- -
-- --------- - ------ -
----------------------
-
-
------ -------
--
---在上面的代码中，我们创建了一个名为 greaterThan 的自定义过滤器。该过滤器接受两个参数：input 数组和要比较的值 value。它将遍历 input 数组，并返回大于 value 的所有元素。现在，您可以在 HTML 中使用它：
<div ng-repeat="number in numbers | greaterThan:5">
{{ number }}
</div>上面的代码将仅显示 numbers 数组中大于 5 的元素。
总结
在 AngularJS 中，过滤器是一种非常强大的工具，可用于转换和格式化模型数据。筛选非空值的过滤器是其中之一，非常实用。除此之外，您还可以创建自己的自定义过滤器来解决不同的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25255