1

我正在构建一个网页，该网页将显示无限可滚动产品的网格列表。我已经实现了以下标记来实现这一点：

<md-grid-list md-cols-gt-md="3" md-cols-md="2" md-cols-sm="1" md-gutter="12px" md-row-height="1:1">
    <div  infinite-scroll="loadMore()" infinite-scroll-disabled="busy">
        <md-grid-tile ng-repeat="p in products">
            <md-grid-tile-header>
                <h3>{{p.id}}</h3>
            </md-grid-tile-header>
        </md-grid-tile>
    </div>
</md-grid-list>

（所有这些代码构成 a 的一部分md-tab-body）

我在这里面临的问题是function loadMore()自动调用。它不会等我滚动到页面底部。我该如何解决这个问题？loadMore()在我的 HTML 中放错地方了吗？

4

1 回答 1

-1

检查https://material.angularjs.org/latest/api/directive/mdVirtualRepeat

来自 material.angular.org

md-virtual-repeat 指定使用虚拟滚动重复的元素。

虚拟重复是 ng-repeat 的有限替代品，它只呈现足够的 dom 节点来填充容器并在用户滚动时回收它们。迭代支持数组，但不支持对象。不支持 Track by、as alias 和 (key, value) 语法。

于 2016-02-10T17:08:20.630 回答