如何使用 ng-repeat在 Angular JS 中使行可折叠

how to make row collapsible in angular js using ng-repeat?

本文关键字：可折叠 JS Angular 何使用 ng-repeat      更新时间：2023-09-26

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

固定的"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'">
相关文章：