Question

在我的AngularJS网站上，我想展示一个包含应该可以在单元格中编辑的地址的表格。这就是列的样子：

ID，标签，地址，地理位置，其他信息

“地址”列包含一个输入元素，以便我可以搜索另一个地址来更改数据。

该表有时超过200行。在第一次加载表时以及在调整表所在的div时，我遇到了大量的性能问题。

到目前为止我的方法：

表格HTML：

  [...]
  tasks:
   - name: Add Mongo packages repo
     apt_key: id=2930ADAE8CAF5059EE73BB4B58712A2291FA4AD5  keyserver=keyserver.ubuntu.com
   - name: add repo itself
     apt_repository: repo='deb http://repo.mongodb.org/apt/ubuntu {{ansible_distribution_release}}/mongodb-org/3.4 multiverse' state=present                                      
   - name: install packages
     apt: pkg=mongodb-org state=present
  [...]

我想出了一个自定义指令“table-row”，其中包含单行的td元素。它也有自己的范围，可以在其中更改地址。

表格行HTML：

<div>
    <table>
        <tbody>
            <tr table-row 
                address="address"
                ng-repeat="address in data">
            </tr>
        </tbody>
    </table>
</div>

关于如何做得更好的一些想法：

我的代码的主要问题是表变得越来越大，我不断为每一行创建一个范围。我想如果只有一个范围，性能会提高。但是，我没有看到如何在没有ng-repeat的情况下创建行。

是否有办法为表格提供一个范围，并且仍然是表格中的动态行数，每个行都可以使用单元格中的输入文本框进行编辑？

如何在AngularJs中填充许多可编辑行的表

0 个答案: