Question

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

filename.json：

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

列表比这个列表长得多，但我可以通过ng-repeat成功地将所有内容打印到表中，但不使用任何过滤器。现在，我试图拿出一些物品。在这个例子中，我可能想要显示没有＆＃34; id＆＃34;和＆＃34;年龄＆＃34;。有没有建议过滤这种情况？

以下是我在查看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>

工作fiddle

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

2 个答案: