3

アプリケーションで無限スクロール機能を作成しようとしていますが、少し抽象的です。私はui-scrollを使用したいのですが、このフィドルはそれがどのように機能するかの簡単な例を示しています。

私は readme を読み、いくつかの例を調べました。また、その例をプロジェクトに統合して動作させましたが、これを自分のデータベースのデータと組み合わせる方法がわかりません。

私は映画と呼ばれるデータベーステーブルを持っています。ムービーには、title、release_date、image_url

$scope.movieDataSourceビューで使用できるように、そのデータを に挿入するにはどうすればよいですか?

$http.get(('/movies.json'), {
    cache: true
  })
  .success(function(data, status, headers, config) {
    if (status == 200) {
      $scope.userMovies = data;
    } else {
      console.error('Error happened while getting the user list.')
    }
    $scope.movieDataSource = {
      get: function(index, count, callback) {
        var i, items = [$scope.userMovies], item;
        var min = 1;
        var max = 1000;

        for (i = index; i < index + count; i++) {
          if (i < min || i > max) {
            continue;
          }
          item = {
            title: $scope.userMovies.title,
            imageURL: $scope.userMovies.poster_path
          };
          items.push(item);
        }
        callback(items);
      }
    }
  });

私が得ようとしているものの例を作成しようとしました。http.get を使用してuserMoviesスコープにデータベースのレコードを入力し、それらのレコードを の項目として使用したいと考えていますmovieDataSource。

しかし、ページにアクセスするui-scrollと、コンテナに結果が追加されますが、コンテンツは表示されません。

<div class="imageCell ng-scope" ui-scroll="item in movieDataSource">
  <img title="">
</div>

私ならconsole.log("movieDataSource" + $scope.movieDataSource)それは私を示していますmovieDataSource[object Object]。

4

2 に答える 2

0

どうやら ui-scroll は、指定されたオブジェクト「movieDataSource」をインデックスとカウントで呼び出します。次に、返された配列内の index と index + count の間のすべてのアイテムを関数がプッシュすることを期待しています。

つまり、DB からそれぞれの項目を取得するコードを実装し (REST を介して、またはデータにアクセスする方法で)、返されたレコードを項目配列に挿入する必要があります。

于 2015-10-12T14:35:11.487 に答える