ng-filter-props 是一个方便的 Angular.js 模块，能够用来过滤掉对象中的某些属性，使得 Angular.js 应用更高效和可读性更强。
安装和使用
安装
使用 npm 安装：
npm install ng-filter-props
或者手动下载，然后添加到你的项目中。
引入
将 ng-filter-props 添加到你的 Angular.js 模块中。
var app = angular.module('myApp', ['ngFilterProps']);使用
在 HTML 中使用：
<div ng-repeat="item in items | filterProps:['id']">
<p>{{ item.name }}</p>
</div>或者在 controller 中使用：
$scope.items = [
{ id: 1, name: 'John' },
{ id: 2, name: 'Jane' }
];
$scope.filteredItems = $filter('filterProps')($scope.items, ['id']);示例
过滤对象中的某些属性
$scope.items = [
{ id: 1, name: 'John' },
{ id: 2, name: 'Jane' }
];
$scope.filteredItems = $filter('filterProps')($scope.items, ['id']);输出：
[
{ name: 'John' },
{ name: 'Jane' }
]在 ng-repeat 中使用
<div ng-repeat="item in items | filterProps:['id']">
<p>{{ item.name }}</p>
</div>对嵌套对象进行过滤
-- -------------------- ---- -------
----------- - -
----- -------
---- ---
-------- -
------- ---- ---- ----
----- ----------
------ ----
-
--
------------------- - ----------------------------------- -------------输出：
{
name: 'John',
age: 25
}对数组中的对象进行过滤
$scope.items = [
{ id: 1, name: 'John' },
{ id: 2, name: 'Jane' },
{ id: 3, name: 'Jim' }
];
$scope.filteredItems = $filter('filterProps')($scope.items, ['name']);输出：
[
{ id: 1 },
{ id: 2 },
{ id: 3 }
]总结
ng-filter-props 是一个非常实用的 npm 包，提供了一个方便的方法来过滤掉对象中的某些属性，以增加 Angular.js 应用的高效性和可读性。在实际使用中，我们需要注意到过滤对象的数据类型，还需注意使用过滤器的方式和语法，以达到最佳的效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055e9581e8991b448dbeca