javascript - 如何使用ng-repeat在angular js中使行可折叠？

Question

我在我的元素中使用 ng-repeat。我能够在行中打印我的对象。实际上我只想显示 dom 中存在的元素，所以我使用了这个插件 https://github.com/kamilkp/angular-vs-repeat 我的问题是行之间有空间。我需要删除行之间的空间。我不知道这个空间来自哪里。 这是我的代码 http://plnkr.co/edit/Gtdi7QjO2vdtfyF6BUCd?p=preview

 <div vs-repeat class="repeater-container">
          <div class="row" ng-repeat="column in invoice_records " ng-class-odd="'odd-row'">
            <div class="col brd collapse-sm" ng-repeat="field in column.columns" ng-show="invoice_column_name[$index].checked && invoice_column_name[$index].fieldNameOrPath===field.fieldNameOrPath">{{field.value}}</div>
            <div class="col col-10 text-center brd collapse-sm"></div>
          </div>
          </div>

Answer 1

由于固定的“top”属性，空间即将到来。如果您更改它们，则可以增加或减少行间距。

编辑:实际问题是由于边距和填充引起的。添加了一个新类来重置它们。

"http://plnkr.co/edit/PqSmlAuAF25kFid8V7jW?p=preview "是相同的 plnkr。

.new-class{
  margin-top : 0px;
  padding-top : 0px;
  padding-bottom: 0px;
}

这是更改后的 HTML:

<div class="row new-class" ng-repeat="column in invoice_records " ng-class-odd="'odd-row'">