javascript - ng-repeat 隐藏除初始元素之外的所有元素

Question

在我的页面上，我正在根据 api 调用呈现表单。在一对过滤器的帮助下，我隐藏了标题中具有“id”且等于 0 的所有元素，但我需要显示初始元素 Id。我会使用“$first”，但第一个元素是复选框值，那么该怎么办呢？我很感激任何帮助。 applied plunk

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope, $http) {

  $scope.upload = function (){

        $scope.rowKeys = Object.keys($scope.rowData);
        };

  });

app.filter('hide', function () {
  return function(input, arg) {
      return input.replace(arg, '');
  };
})

html

<form style="padding: 15px">
  <button class="btn btn-default" ng-click="upload()">Upload</button>
  <div class="form-group row">
    <div ng-repeat="k in rowKeys | filter: '!id' | filter: '!0'" ng-model="rowValue">
      <label for="rowValue" class="col-sm-2">{{k | hide:'.name'}}:</label>
      <div class=" col-sm-2">
        <input class="form-control rowValue" id="rowValue" value="{{rowData[k]}}" />
      </div>
    </div>
  </div>
  <button type="submit" class="btn btn-default" ng-if="rowData" ng-disabled="!rowValue">Submit</button>
</form>

Answer 1

您可以使用 ng-if 来实现此目的:

<div ng-repeat="thing in things">
    <div ng-if="(thing === 'id' || thing.toLowerCase().endsWith('id') === false) ? true : false">
        {{thing}}
    </div>
</div>