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

【问题标题】：how to make row collapsible in angular js using ng-repeat?如何使用 ng-repeat 在 angular js 中使行可折叠？
【发布时间】：2015-08-26 14:08:39
【问题描述】：

我在我的项目中使用 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>

【问题讨论】：

标签： javascript angularjs css angularjs-scope ionic-framework

【解决方案1】：

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

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

"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'">

【讨论】：

我将如何改变..!!其实它是动态来的
您有以下选择： 1) 为每个 div 添加一个类，并在 css 中定义特定于该类的样式。 2) 使用内联样式，尽管不鼓励这样做。 3) 如果可能，使用 jquery/javascript 更改样式。
你们知道的，请做一个plunker
请给我一些时间。
代码太庞大，我正在寻找它的来源。