如何在AngularJS中按键值过滤json列表？

Question

我是AngularJS的初学者。 现在我想用ng-repeat列出一个json文件。 这些就是我所拥有的：

filename.json：

{
  "name"    : "name data",
  "id"      : "id data",
  "country" : "country data",
  "age"     : "age data",
  "job"     : "job data"
}

该列表比这个列表长得多，但我可以通过ng-repeat成功地将所有内容打印到表中但没有任何过滤器。 现在，我正试着拿出一些东西。 在示例中，我可能希望显示没有“id”和“age”。 有没有建议过滤这种情况？

以下是我在查看Stack Overflow上的几个答案后尝试过的但是失败了。 答案很棒，但他们的情况并不适合我的。

模板：

<table>
  <tr ng-repeat="(key, data) in $ctrl.person | filter: $ctrl.toShow">
    <td>{{key}}</td>
    <td>{{data}}</td>
  </tr>
</table>

控制器功能：

function myCtrl ($http) {
  self = this; 
  self.toShow = function myFilter (key, value) {
    if (key == 'id' || key == 'age') {
      return false;
    } else {
      return true;
    }
  };
  $http.get('filename.json').then(function (response) {
    self.person = response.data;
  });
}

Answer 1

 app.filter('toShow', function () {
     return function (input) {
         return JSON.parse(input, ['field1', 'field2']);
     });
 });

上面的代码基于以下事实： JSON.parse（）可以将第二个参数作为要抓取的JSON字段数组。 在这里你要显示字段而不是隐藏。

Answer 2

您可以使用ng-repeat和ng-show过滤要隐藏的字段，如下所示

<table>
    <tr ng-repeat="(key, data) in $ctrl.person" ng-show="key != 'id' && key != 'age'">
        <td>{{key}}</td>
        <td>{{data}}</td>
    </tr>
</table>

工作小提琴