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

空间即将到来，因为固定的＆＃34;顶部＆＃34;属性。如果更改它们，则行之间的间距可以增加或减少。

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

＆＃34; http://plnkr.co/edit/PqSmlAuAF25kFid8V7jW?p=preview＆＃34;是同样的人。

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

如何使用ng-repeat使角度js中的行可折叠？

1 个答案: