如何为仅json对象键而不是angularjs中的值进行自定义过滤

Question

我是angularjs的新手，并试图过滤嵌套的json数据基本上我想要做的是尝试只为json对象键而不是值进行自定义过滤。我希望显示所有具有值的键，我将放置在搜索字段中。

Answer 1

迭代数组而不是对象更好。将您的对象转换为数组，然后使用过滤器简单地打印您需要的值：

的JavaScript

[...]

var arr = [];
for (var i in obj) {
   if (obj.hasOwnProperty(i)) {
      arr.push(obj[i]);
   }
}

[...]

HTML

[...]

<div>
   <input type="text" ng-model="search.a" />
</div>

<div ng-repeat="item in arr | filter:search">
   {{item.a}}
   {{item.b}}
   {{item.c}}
</div>

[...]

修改

与您发布的图片相关，您需要这样的内容。

HTML

[...]

<div>
   <input type="text" ng-model="search.id" />
</div>

<div ng-repeat="item in items | filter:search">
   {{item.index}}
   {{item.id}}
</div>

[...]