3

シンプルなグリッドに無限タイプのスクロールを実装しようとしています。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>

ただし、ng-repeat の代わりに「ui-scroll」を使用すると、エラーが発生します

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

Angular-ui スクロールを使用してデータをフィルター処理する方法が不足していますか? それ以外の場合にエラーをスローする問題を引き起こしているスクロールライブラリの行が表示されます

item in datasource

これは、Angular-ui スクロールではフィルタリングができないと思わせます。アイデアはありますか？

4

1 に答える 1

2

残念ながら、エラーが示唆するように、この方法でのフィルタリングはまだ可能ではありません。Readme ファイルの「パラメーター」を参照してください。データ ソースの "get" 関数に独自のフィルターを実装できます。公式の例も参照してください。

于 2014-12-26T20:14:31.743 に答える