Angularjs 角度-具有动态行且不重复ng的表格?

Angularjs 角度-具有动态行且不重复ng的表格?,angularjs,angularjs-ng-repeat,Angularjs,Angularjs Ng Repeat,我有一个应用程序,我正在努力在angular中重新创建。其中一个部分是目前有140个不同项目的项目列表。每个项目都有一个表,表中有1-4行和不同的列数(通常为6-20) 按照信息的工作方式,我们确实需要显示所有要开始的项目。但是,使用ng repeat呈现表的处理时间以及范围的大量指数级数量令人望而却步,特别是因为一些用户将拥有较旧的计算机(尽管可能运行FF或Chrome,所以我不担心IE问题) 我在json数组中本地拥有所有数据,并且可以根据需要对其进行格式化。当然,有过滤,所以东西会到处显示

我有一个应用程序,我正在努力在angular中重新创建。其中一个部分是目前有140个不同项目的项目列表。每个项目都有一个表,表中有1-4行和不同的列数(通常为6-20)

按照信息的工作方式,我们确实需要显示所有要开始的项目。但是,使用ng repeat呈现表的处理时间以及范围的大量指数级数量令人望而却步,特别是因为一些用户将拥有较旧的计算机(尽管可能运行FF或Chrome,所以我不担心IE问题)

我在json数组中本地拥有所有数据,并且可以根据需要对其进行格式化。当然,有过滤,所以东西会到处显示/隐藏。但是表中的数据只有一个时间限制,并且不会改变

我真的更喜欢把它做成模板中的东西。我可以在javascript数组中循环它,也可以通过这种方式自己创建表数据。然而,在angular中,模板不允许有逻辑,所以我不能这样做

为了提高渲染速度,我更愿意在客户端执行所有渲染操作,因此我更愿意不必调用服务器来渲染它

我也可以在json中预先呈现它,并使用sanitize,我相信,但这似乎是后门,不利于利益分离,这是angular的核心

在这种情况下,最佳做法是什么?我想我已经试过了所有的方法,但在angular的范围内,没有任何一种方法足以解决这个问题。我不希望使用分页,因为用户希望滚动多个过滤的长列表。有什么建议吗

编辑:现在使用一些示例代码:

    <table id="{{::item.name}}}" class="table table-striped table-bordered table-hover table-condensed table-responsive text-center" >
        <thead>
            <tr>
                <td ng-repeat="header in ::item.tableHeader">{{::header}}</td>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="diff in ::item.tableInfo track by $index">
                <td ng-repeat="cell in ::diff track by $index">{{::cell}}</td>
            </tr>
        </tbody>
    </table>

{{::头}}
{{::cell}

我使用数组是因为顺序很重要,对象并不总是遵循顺序。同样,对于140多个项目,1-4行10-20列,作用域变得非常昂贵。

您是否曾经尝试过bind?我读过关于有类似问题的人的文章,他们在那个特定的用例中使用了ngReact。不幸的是,在2.0之前,角度性能并不是很好,但是绑定一次应该会有很大帮助。但最初的加载速度非常慢(在我测试的旧电脑上是5-7秒)。如果我必须走这条路,我可以,但我知道这似乎是一个巨大的减速。对我来说,唯一的选择可能是渲染文本服务器端并使用ng bind一次(因此,当它从angular加载时,它应该仍然显示来自服务器的文本)表本质上是相对缓慢的。你有没有试过用div把所有东西都摆成一张桌子?我们有一个页面,上面有将近1000行,它工作得很好,没有问题。@scott仍然需要某种方式,使用脚本在元素上循环,而不创建大量嵌套作用域。div或table,仍需要ng重复。因为我没有看到将脚本嵌入视图的方法,所以我必须使用ng repeat。