angularjs - Angular js ng-repeat动态标题，避免列

Question

单击按钮后，我会从 Node JS 获得以下响应。

[{
        "_id": "590998cca8ac14d0c075282c",
        "CompID": "0001388D",
        "CompName": "ONE"
    },
    {
        "_id": "590998cca8ac14d0c075282qc",
        "CompID": "0001388D2",
        "CompName": "TWO"
    },
    {
        "_id": "590998cca8ac14d0c07528qq2c",
        "CompID": "0001388D23",
        "CompName": "Three"
    }
]

我正在使用 Angular JS table ng -repeat 打印此信息

这是我的代码

我的问题是，打印时是否可以跳过 _id 字段？

这是我的代码

<div ng-app="myapp" ng-controller="FirstCtrl">

         <table border="1">
  <tr>
    <th ng-repeat="(key, val) in collectioninfo[0]">{{ key }}</th>
  </tr>
  <tr ng-repeat="row in collectioninfo">
    <td ng-repeat="column in row">
      {{ column }}
    </td>
  </tr>
</table>  
</div>

JSFiddle

Answer 1

您可以尝试使用ng-if来避免在ng-repeat中显示一些元素。

var myapp = angular.module('myapp', []);
myapp.controller('FirstCtrl', function($scope) {
  $scope.collectioninfo = [{
      "_id": "590998cca8ac14d0c075282c",
      "CompID": "0001388D",
      "CompName": "ONE"
    },
    {
      "_id": "590998cca8ac14d0c075282qc",
      "CompID": "0001388D2",
      "CompName": "TWO"
    },
    {
      "_id": "590998cca8ac14d0c07528qq2c",
      "CompID": "0001388D23",
      "CompName": "Three"
    }
  ]
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<div ng-app="myapp" ng-controller="FirstCtrl">

  <table border="1">
    <tr>
      <th ng-repeat="(key, val) in collectioninfo[0]" ng-if="key !== '_id'">{{ key }}</th>
    </tr>
    <tr ng-repeat="row in collectioninfo">
      <td ng-repeat="(key2, val2) in row" ng-if="key2 !== '_id'">
        {{ val2 }}
      </td>
    </tr>
  </table>



</div>