Question

我编码了这个：

.row {
  display: table-row;
}
.table {
  display: table;
}    

               <div class="table">
                    <div class="row">
                        <div class="cell">x</div>
                        <div class="cell">x</div>
                    </div>
                    <div data-ng-repeat="x in modal.xx">
                        <div class="row">
                            <div class="cell">y:</div>
                            <div class="cell">y</div>
                        </div>
                        <div class="row">
                            <div class="cell">z</div>
                            <div class="cell">z</div>
                        </div>
                    </div>
           </div>

然而，当它在显示器中使用时，ng-repeat会导致问题：table-row。

我真正需要做的是拥有能够重复的东西，只有我想要重复出现的东西。在这种情况下，其中的ng-repeat出现在dom中。我确实想过使用像a这样的东西并将ng-repeat放入其中但是当我在一个显示类型中时，我不确定这在语法上是否正确：table。

有没有办法用角度来做到这一点？

Answer 1

不确定。假设您使用的是Angular 1.2或更高版本，请参阅ng-repeat-start and ng-repeat-end。

所以这个：

<div data-ng-repeat="x in modal.xx">
    <div class="row">
        <div class="cell">y:</div>
        <div class="cell">y</div>
    </div>
    <div class="row">
        <div class="cell">z</div>
        <div class="cell">z</div>
    </div>
</div>

会变成这样：

<div class="row" data-ng-repeat-start="x in modal.xx">
    <div class="cell">y:</div>
    <div class="cell">y</div>
</div>
<div class="row" data-ng-repeat-end>
    <div class="cell">z</div>
    <div class="cell">z</div>
</div>

有没有办法可以进行ng-repeat而不是将它包含在<div>？</div>中

1 个答案: