过滤Angular-ui Scroll

时间:2014-12-02 18:17:28

标签: javascript angularjs angular-ui ui-scroll

我正在尝试在简单的网格上实现无限式滚动。 Html是这样的:

<div class="text-center" style="background-color:#eee;">
    <H2 style="margin-top:0px;">Customer List</H2>
    <hr />
    Search: <input ng-model="customerVm.search" /> <br /> <br />

    <table class="table table-hover" ui-scroll-viewport style="height:500px;">
        <tbody>
        <tr ui-scroll="customer in customerVm.datasource" ng-model="customerVm.gridResult" "buffer-size="10">
                <td>
        </tbody>
    </table>
</div>

我想基于搜索框模型过滤网格中的内容,看起来很简单。我通常只使用以下的ng-repeat

 <tr ng-repeat="customer in customerVm.datasource | filter:customerVm.search" ng-model="customerVm.gridResult" "buffer-size="10">
                <td>{{customer.customername}}</td>
            </tr>

然而,使用&#34; ui-scroll&#34;而不是ng-repeat我收到错误

Expected uiScroll in form of '_item_ in _datasource_' but got 'customer in customerVm.datasource | filter:customerVm.search'

我是否遗漏了如何使用Angular-ui滚动过滤数据?我看到滚动库中的行导致问题,如果还有其他任何东西

则抛出错误
item in datasource

这让我觉得在Angular-ui滚动中无法进行过滤。有什么想法吗?

1 个答案:

答案 0 :(得分:1)

遗憾的是,正如错误所暗示的那样,过滤是不可能的。参见&#34;参数&#34;在Readme file。您可以在数据源中实现自己的过滤器&#34; get&#34;功能。另见官方examples