2

我在引导模式中有一个表，它的溢出设置为自动，以便它可以滚动。但是我需要加载大量数据，所以我想使用 ngInfiniteScroll 实现延迟加载。我曾尝试使用无限滚动容器属性，但它仍在不断触发。这是一个代码片段：

<div class="modal-body">
    <table class="table" id="msds-table" ng-show="vm.modalViewLoaded" infinite-scroll="vm.log()" infinite-scroll-container='"#msds-table"'
           infinite-scroll-disabled="!vm.modalViewLoaded">
        <thead>
        <tr>
            <th>CODE</th>
            <th>TYPE</th>
            <th>PRODUCT</th>
            <th>ONBOARD</th>
        </tr>
        </thead>
        <tbody>
        <tr ng-repeat="sheet in vm.datasheets | filter:onboardQuery | filter: (notOnBoardOnly ? {onboard:false} : {onboard:any})">
            <td>{{sheet.code}}</td>
            <td>{{sheet.type}}</td>
            <td>{{sheet.product}}</td>
            <td>
                <span class="checkbox">
                    <input type="checkbox" data-ng-model="sheet.onboard" data-ng-value="sheet.onboard">
                </span>
                <span data-ng-show="!sheet.onboard">Click to select</span>
                <us-list-select ng-model="sheet.located"
                                data-ng-show="sheet.onboard"
                                options="{list:vm.storageLocations}">
                </us-list-select>
            </td>
        </tr>
        </tbody>
    </table>
    <div ng-show="!vm.modalViewLoaded" style="text-align:center;padding-top:20px;">
        <img src="images/ajax-loader.gif">
    </div>
</div>

有任何想法吗？

4

0 回答 0