Question

我已经通过循环列表构建了一个2列表td，如下所示：

<style>
.columns2 {
   columns: 2;
}
</style>

        <tr>
            <td class="columns2">
                <ul>
                    <li ng-repeat="accident in list">
                        <a class="openPage" ng-click="openAccidentPage('{{accident.id}}')">
                            {{accident.displayName}}
                        </a>
                    </li>
                </ul>
            </td>
        </tr>

不幸的是，由于列表很长（100个元素），每次使用ng-repeat插入元素时，表格都会闪烁。

有没有办法在每次重复时重新计算表格？

Answer 1

确定。我设法找到一个解决方法，表格闪烁的原因是列：2和ng-repeat。

摘录如下：

<div ng-init="list0 = list.splice(0,list.length/2)"></div>
<div ng-init="list1 = list"></div>

        <tr>
            <td>
                <ul>
                    <li
                        ng-repeat="accident in list0">
                        <a class="openPage" ng-click="openAccidentPage(accident.id)">
                            {{accident.displayName}}
                        </a>
                    </li>
                </ul>
            </td>
            <td>
                <ul>
                    <li
                        ng-repeat="accident in list1">
                        <a class="openPage" ng-click="openAccidentPage(accident.id)">
                            {{accident.displayName}}
                        </a>
                    </li>
                </ul>
            </td>
        </tr>

如何使用ng-repeat构建2列

1 个答案: